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.
12 North 19 South 14 East 27 West
| Label | Week 37 | Week 38 |
|---|---|---|
| North | 12 | 18 |
| South | 19 | 22 |
| East | 14 | 11 |
| West | 27 | 31 |
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
| Label | Orders |
|---|---|
| Espresso | 42 |
| Filter | 31 |
| Cold brew | 18 |
| Decaf | 9 |
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
| Initiative | Status | Budget | Progress | Owner | Context |
|---|---|---|---|---|---|
| Brand & identity | Ready | 4200 | 100 | Maya Chen | A little more us. |
| Website redesign | In progress | 8500 | 72 | Leo Martin | Final review still needed. |
| Product photography | In progress | 3600 | 85 | Amira Noor | The details, up close. |
| Editorial launch | In progress | 2400 | 45 | Oscar Lee | Words with something to say. |
| Community preview | Planned | 1200 | 20 | Nina Park | A smaller first audience. |
| Launch campaign | Planned | 6800 | 10 | Maya Chen | Make the introduction count. |
| Partner toolkit | Ready | 1800 | 100 | Leo Martin | Everything in one place. |
| Launch day | Planned | 2500 | 0 | Amira Noor | The beginning, really. |
Real rows. Real controls. Your place stays saved.
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
| Label | Signups |
|---|---|
| Jan | 120 |
| Feb | 180 |
| Mar | 260 |
| Apr | 310 |
| May | 410 |
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
| Label | Cups |
|---|---|
| Mon | 24 |
| Tue | 38 |
| Wed | 31 |
| Thu | 48 |
| Fri | 42 |
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.
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.
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.
SVG Sharp at every size.
Export a chart as vector paths for slides and print. SVG is a static image.
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.
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
| Label | Orders |
|---|---|
| Mon | 24 |
| Tue | 38 |
| Wed | 31 |
Try step 3 to see the change.
POST /render → PNG · SVG
Need images from your own server? The render API comes with Team.
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