For developers · LLMs · AI agents

GraphMake Script

A text syntax for infographics. Like Mermaid — but for charts, stat dashboards, and presentation-ready visuals, not just flowcharts.

Open in editor

What is GraphMake Script?

GraphMake Script is a plain-text syntax for infographics. Type a few lines and get a chart, timeline, stat dashboard, or process flow — all editable on the canvas afterwards.

It's inspired by Mermaid, but Mermaid stops at flowcharts and sequence diagrams. GraphMake Script covers charts, stat cards, comparison tables, timelines, Gantt charts, and 80+ other widget types.

Paste a script in the editor's Script tab and it renders instantly. Then drag, recolor, and tweak visually before exporting to PNG, SVG, or PDF.

See it in action

A few lines of script → a rendered, editable infographic. Paste any of these into the editor's Script tab to try them.

Bar chart

bar_chart "Q4 Revenue" {
  Jan: 24
  Feb: 31
  Mar: 28
}

Process flow

process_steps {
  Draft: "Write the first version"
  Review: "Get feedback from team"
  Approve: "Sign off and ship"
}

Stat dashboard

title "2026 Year in Review"
kpi "Active users" "1.2M" icon=users
kpi "Retention" "87%" icon=trending-up
kpi "ARR" "$4.5M" icon=dollar-sign
kpi "Countries" "42" icon=globe

Timeline

timeline {
  Q1: "Launch" "Mobile editor"
  Q2: "Milestone" "100 templates"
  Q3: "API" "Public render API"
  Q4: "Expand" "Pro tier"
}

How it compares to Mermaid

Mermaid pioneered text-as-source for flowcharts. GraphMake Script applies the same idea to a much broader set of infographic widgets.

Feature	Mermaid	GraphMake Script
Flowcharts
Bar / pie / line charts
Stat dashboards
90+ templates
Export PNG / SVG / PDF	partial
Visual editing

Using ChatGPT or Claude to write GraphMake Script

Give any LLM this system prompt and it will write GraphMake Script for you. Paste the result into the editor's Script tab to render.

You are a GraphMake Script generator. GraphMake Script is a line-based
syntax for infographics. Commands like `bar_chart "Title" { Jan: 42 Feb: 68 }`,
`kpi "Label" "Value" icon=users`, `process_steps { Step1: "desc" Step2: "desc" }`,
`timeline { 2024: "Founded" "..." 2025: "Series A" "..." }`. Use one command
per line; block bodies are inside { }. Other commands: pie_chart, line_chart,
area_chart, radar_chart, progress, percentage, gauge, waffle, rating, counter,
funnel, pyramid, cycle, map, word_cloud, text, quote, list, heading. Add
`title "..."` at the top. Output ONLY the script, no commentary. Render at
https://graphmake.com/editor (Script tab) or POST to /api/render-script.

Using GraphMake from an AI agent

Agentic AI tools — Claude's Chrome extension, ChatGPT operators, Manus, custom browser agents — can drive GraphMake by writing GraphMake Script and pasting it into the editor. No DOM scraping, no flaky UI automation. The script feature is the agent-friendly input surface.

Live: a public render API at /api/render-script accepts a script and returns SVG or PNG. No auth required. Rate-limited per IP (30 req/min, 500 req/day). OpenAPI spec.

API access

POST a script, get back SVG or PNG. Examples in three languages:

curl

curl -X POST https://graphmake.com/api/render-script \
  -H "Content-Type: application/json" \
  -d '{"script":"bar_chart \"Q4\" { Jan: 24 Feb: 31 Mar: 28 }","format":"png"}' \
  -o chart.png

Node (fetch)

const res = await fetch('https://graphmake.com/api/render-script', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    script: 'bar_chart "Q4" { Jan: 24 Feb: 31 Mar: 28 }',
    format: 'svg',
  }),
});
const svg = await res.text();

Python (requests)

import requests
r = requests.post(
    'https://graphmake.com/api/render-script',
    json={'script': 'bar_chart "Q4" { Jan: 24 Feb: 31 Mar: 28 }', 'format': 'png'},
)
open('chart.png', 'wb').write(r.content)

Full spec at /api/render-script/openapi.json.

Ready to try it?

Open the editor and paste any of the examples above. It renders instantly — no signup, no setup.

Open the editor