Your data.
A clear chart.

Turn your numbers into charts you can customize and export.

Create a chart

API docs ↗

1 REQUEST

POST/api/v1/chartJSON

● Edit data, labels or colors to update the preview.

Rendering response…

Find the right chart
for your data.

Parts of a whole. Changes over time.
Relationships worth a closer look.
Start with the shape that fits.

Sample projects per month: Jan 18, Feb 28, Mar 24, Apr 42, May 38, Jun 56. — See the story
across six months.
Same numbers. A trend you can follow.
Try the Line editor

Sample allocation: Design 40%, Build 35%, Share 25%. Total 100%.

Donut

Show parts of a whole.

Line

Show change over time.

Area

Give a trend a sense of volume.

Sample hours: Design 40, Build 35, Share 25.

Bar

Compare categories at a glance.

Quarterly totals split across Design, Build, and Share.

Stacked bar

Compare totals and their composition.

Sample points (hours, score): A (20, 30), B (40, 65), C (65, 45), D (80, 85).

Scatter

Explore relationships between variables.

Sample points (effort, impact): A (20, 30), B (40, 65), C (65, 45), D (80, 85). Both splits are 50.

Quadrant

Map effort against impact.

Sample allocation: Design 40, Build 35, Share 25.

Treemap

Compare proportions by area.

Sample open, high, low, and close values across seven trading periods.

Candlestick

Show price movement across periods.

Sample categories: A has Design 40 and Build 20; B has Design 15 and Build 25; C has Design 25 and Build 15. Width shows category total; height shows share.

Mosaic

Compare totals and what makes them up.

Your data. Your code. Charts anywhere.

Generate SVG and PNG charts from JSON. Use them in applications, reports, and automated workflows.

Set up API access API documentation

request.shPOST /api/v1/chart

curl -X POST https://makemechart.com/api/v1/chart \
  -H "Authorization: Bearer $CHART_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
  "type": "donut",
  "format": "svg",
  "labels": ["Design", "Build", "Share"],
  "data": [40, 35, 25],
  "colors": ["#7050d5", "#197d70", "#966a28"],
  "size": 300,
  "thickness": 62,
  "gap": 0,
  "showLegend": true,
  "legendPosition": "bottom"
}'

SVG response to the example request: Design 40, Build 35, Share 25; 100 hours total. — Responseimage/svg+xml

From numbers to a
chart you can use.

Your data in.
Your own style.
A file ready to go.

Add your data

Type labels and values into the editor. Start with the numbers you already have.

Sample input · Donut editor
Activity	Hours
Design	40
Build	35
Share	25
Total	100

Make it yours

Set the colors and ring thickness in the Donut editor. See your choices take shape.

Styled Donut example: Design 40, Build 35, Share 25.

Ring thickness: 62 px
Legend: Below chart

Export your chart

Download SVG for a scalable vector. Choose PNG for slides and documents. Or copy the SVG.

SVGScales beautifully

PNGReady for your slides

Two formats. Plenty of places to use them.

Your data in.
A clear chart out.

Read the API reference, get a key, and send your first request.

Get API access Read the docs

Your data.A clear chart.

Find the right chart for your data.

See the storyacross six months.