Chart-Maker — Web application for creating charts and diagrams in the browser

There are 29 types, grouped by how their data is entered:

• Label / value: bar, line, area, horizontal bar, pie, doughnut, radar, polar area, word cloud.
• X / Y points: scatter (X, Y), bubble (X, Y, size).
• Several datasets: stacked, grouped, multi line, combo (each dataset is a bar or a line).
• Category and value list: box plot, violin.
• Hierarchy: treemap (label, value, group).
• Grid: heatmap (X, Y, value).
• Flows: sankey (from, to, flow).
• Map: choropleth (country from a list, value).
• Bar with error bars
• Candlestick / OHLC
• Funnel
• Venn
• Graph (network)
• Gauge
• Function (y = f(x))

The data table adapts to the chosen type. «Add row» adds an entry, the cross removes one.

• Label / value: a label and a number.
• Points: X and Y (bubble also has size).
• Several datasets: categories are comma-separated, each dataset's values are a comma-separated list of numbers; in combo each dataset is set to bar or line.
• Box / violin: a comma-separated list of numbers in the values field.
• Heatmap: X, Y (categories) and a value.
• Sankey: from, to and the flow amount.
• Choropleth: the country is picked from a dropdown (names in the interface language), plus a value.
• Bar with error bars: Label, Value, Error.
• Candlestick / OHLC: Date, O/H/L/C.
• Funnel: Label, Value.
• Venn: Sets (comma separated), Value.
• Graph (network): Nodes (comma separated), From/To.
• Gauge: Value, Max.
• The Function type plots y = f(x). Enter an expression — e.g. sin(x), x^2, sqrt(x) — the X range (min and max) and the number of points. Function evaluates the expression and draws the curve; the formula also appears in the data list under the chart.

The «Export» button opens a window.

• Format: PNG, JPEG, WEBP, AVIF (a real format, encoded in the browser — the encoder loads on first use), SVG (vector) and PDF (a page the size of the image; the encoder loads on first use).
• Width and height — the exact pixel size of the saved file; empty means the current chart size.
• Include data — adds the list of data below the chart to the image.
• Download image — saves the picture with an opaque background that matches the chart.
• Print — opens the browser print dialog with the chart as an image; from there you can print it or choose «Save as PDF».
• Save project — a .json file with all settings; the «Include history and journal» checkbox adds them to the file.
• in combo/multi each dataset can use the left or right Y axis.

The «Import» button opens a window with a zone where you can drop a .json project file or click to select one. Once a file is chosen, the «Apply project» button becomes active and loads the settings (and the history and journal if they were saved).

• Ctrl/Cmd + Z — undo
• Ctrl/Cmd + Y or Ctrl/Cmd + Shift + Z — redo
• Ctrl/Cmd + S — save project
• Ctrl/Cmd + E — export window
• Ctrl/Cmd + O — import window
• Ctrl/Cmd + J — journal
• Ctrl/Cmd + , — settings

Inside input fields Ctrl+Z and Ctrl+Y work as normal text editing.

• Undo / Redo: roll data and settings changes back and forward.
• Journal: keeps actions, hints and errors; it can be cleared.

The «Advanced» section above the data table groups optional settings: subtitle; line smoothing, stepped, dashed and filled lines; stacked and logarithmic Y axis; decimation; legend position; point size and line width; animation duration and easing; and on-demand effects — data labels, zoom/pan, annotations, trendline and crosshair. In combo and multi charts each dataset can use the left or right Y axis. Each option appears only for the types it applies to.

Colours. Under «Canvas background» you can set the background (transparent, a colour or an image) and override colours independently: the chart (series), the grid lines, the axis numbers and labels, the title, the dataset / legend text, and the data-list text and its background. «Reset» returns every colour to the theme. All of these are saved in the project.