Meiku Charts

Turn a table into an animated chart or a live, sortable table, and get an embed code you can paste into any web page.

Hosted MCP Server

npx add-mcp 'https://meikucharts.com/mcp'

Installs into Claude Code, Codex, Cursor and more

Documentation

Start with a question.

24 chart types. Five themes. One engine.
Choose the view that makes your numbers clear.

View selected chart

12 North 19 South 14 East 27 West

LabelWeek 37Week 38
North1218
South1922
East1411
West2731

Compare amounts side by side. Same eight values · two weeks

Step and histogram are line and column variants. The live table has its own reader. See it work

Your numbers. Already a chart.

Change a value, or paste a few rows.
Everything stays in this browser.

Coffee orders TRY IT

Paste rows from a spreadsheet Up to 20 rows in this quick try.

Four rows, ready to edit.

ON YOUR DEVICE

42 Espresso 31 Filter 18 Cold brew 9 Decaf

LabelOrders
Espresso42
Filter31
Cold brew18
Decaf9

Continue in chart maker

Your rows go with you.
Add themes, notes and export settings.

A table that stays a table.

Keep the number, the status and the fine print.
Make a chart when a column has a story.

LIVE DEMO Choose a step, or explore the table.

Hover Tap for a hint Click beside a status for details

InitiativeStatusBudgetProgressOwnerContext
Brand & identityReady4200100Maya ChenA little more us.
Website redesignIn progress850072Leo MartinFinal review still needed.
Product photographyIn progress360085Amira NoorThe details, up close.
Editorial launchIn progress240045Oscar LeeWords with something to say.
Community previewPlanned120020Nina ParkA smaller first audience.
Launch campaignPlanned680010Maya ChenMake the introduction count.
Partner toolkitReady1800100Leo MartinEverything in one place.
Launch dayPlanned25000Amira NoorThe beginning, really.

Real rows. Real controls. Your place stays saved.

Open table maker

Swipe within the table on a phone. Notes stay with their row. Explore the live table example

One chart.A story worth sharing.

Paste a series over time. Meiku writes the story from your numbers, step by step. Highlight what matters, then save an MP4 for LinkedIn, Reels or slides.

Free · in your browser · nothing uploaded

  • 4:5 LinkedIn
  • 9:16 Reels · TikTok
  • 16:9 YouTube · slides

120 Jan 180 Feb 260 Mar 310 Apr 410 May

LabelSignups
Jan120
Feb180
Mar260
Apr310
May410

Ask your AI to make it.

The same engine, through five MCP tools.
Start with a question and your data.

01 / PROMPT

“Show this week’s coffee orders as a chart.”

02 / TOOL create_chart spec + embed ↓

24 Mon 38 Tue 31 Wed 48 Thu 42 Fri

LabelCups
Mon24
Tue38
Wed31
Thu48
Fri42

03 / RESULT · Live embed preview of an illustrative tool response.

One connection. Your AI client.

Copy the AI connector URL into your client’s MCP settings. Sign in with Google, then ask for a chart.

meikucharts.com/mcp

AI connector: SVG images. Local MCP with Pro: PNG and SVG.

Also works with Codex and Continue. Setup varies by client.

Run the local MCP (Pro)

{"mcpServers":{"meiku-charts":{
  "command":"node",
  "args":["/path/to/meiku-charts-mcp/meiku-mcp.mjs"],
  "env":{"MEIKU_LICENSE_KEY":"<your Pro key>"}
}}}

Download it from your account after you enter your Pro key. Claude Desktop, Cursor and Windsurf use this JSON shape; VS Code and Codex use their own config files.

MCP setup and tool reference

The five tools Prepare · Create · Suggest · Themes · Render

prepare_visualization

Turn raw data into a useful chart or table.

create_chart

Get a spec and an embed snippet.

suggest_chart

Choose a form for your numbers.

list_themes

See five themes in light and dark.

render_chart

Get an SVG image; PNG with the local MCP (Pro).

Same data. Your format.

Embed A living chart on your website.

Copy an HTML snippet from the maker. Load the public script once; the chart stays interactive.

Open embed guide

PNG A finished frame for your article.

Export at 1920×1080, 1200×630 or 1080×1080 from a chart maker. PNG is a static image.

Open chart maker

SVG Sharp at every size.

Export a chart as vector paths for slides and print. SVG is a static image.

Open chart maker

Copy link Open it again, with your data.

An editing link carries the data in its URL fragment. Anyone with the link can read it. No server save.

Open chart maker

Chart makers export PNG and SVG. Tables keep their interactive embed, editing link and JSON; table images are available through local MCP (Pro).

A JavaScript chart librarythat morphs.

One JSON spec. A living chart.
Update the spec to change the view.

01

Load the engine

<script type="module" src="https://meikucharts.com/v1/live-chart.js"></script>

02

Describe the chart

<live-chart id="my-chart">
  <script type="application/json">
    {"type":"column","theme":"editorial",
     "data":{"labels":["Mon","Tue","Wed"],
       "series":[{"name":"Orders","values":[24,38,31]}]}}
  </script>
</live-chart>

03

Change it, and it morphs

const chart = document.querySelector("#my-chart");
chart.spec = { ...chart.spec, type: "line" };

COLUMN

24 Mon 38 Tue 31 Wed

LabelOrders
Mon24
Tue38
Wed31

Try step 3 to see the change.

Read the docs

POST /render → PNG · SVG
Need images from your own server? The render API comes with Team.

Render API docs

Small, honest,and yours.

Makers run in your browser. Your data stays on your device until you choose to share it.

24 chart types

And a real live table. One engine, from first preview to embed.

5 themes × light & dark

Editorial Mint Ink Glass Neon

28.9 kB renderer · gzip

0 runtime dependencies in the core.
Web component: 30.4 kB. Table module: +10.3 kB, loaded on demand.

Your work your signature

Start free. Choose your own credit line with Pro. Find your plan

Built for access

Keyboard navigation and a data table for each chart. Reduced motion supported. Privacy details