Creating charts

Turn real data into a static chart that makes one point, stays readable where it is shown, and carries its own text alternative and source.

Script paths below are relative to this skill's folder. Run each as one command with the folder's absolute path in front, never chained with &&, $(…), or heredocs.

Inputs

• The data, as a .csv or .json file the person supplied or a source vouches for. Never type numbers into the chart, never estimate them, and never invent data to fill a gap: ask for it instead.
• The point the chart must make, and where the data came from.
• Output path for the .svg.
• Theme values (optional): a JSON file of CSS custom properties (--color-bg, --color-text, --color-muted, --color-accent, --font-body, …). Without one, a neutral palette is used.
• Slot size (optional): the space the chart will fill, in px on a 1280×720 reference, as WIDTHxHEIGHT. The default is 1164x616.

Workflow