Data LayersCharts, codes, and rows. Still just layers.
Pass structured JSON arrays straight to your template. Eight chart types, four QR and barcode formats, striped tables, ratings, progress bars, and auto-growing repeater groups.
25 free API images. No card required.
How it works.
- 01
Drop a data layer
Add a Chart, Code, Table, Rating, Progress, or Repeater group in J2I Studio.
- 02
Send typed JSON arrays
Override rows, series, QR text, or repeater items per render without writing canvas drawing code.
- 03
Export PNG or PDF
Every data layer renders in the same deterministic pipeline as typography and images.
Capabilities
Built for production payloads.
Eight chart types
Bar, horizontal bar, line, area, pie, donut, radar, and radial — up to 8 series, 500 rows, and 32 keys per row.
QR and barcodes
QR (with optional center logo), Code 128, EAN-13, and Code 39 generated directly from your string payload.
Canvas repeater groups
Clone a card group across up to 100 items on a growing canvas. For 1 row = 1 separate image file, use the 50-job batch endpoint.
{
"chart": { "chart_type": "bar", "data": [{ "month": "Mar", "images": 120 }] },
"code": { "text": "https://example.com/verify/ada", "format": "qrcode" },
"line_items": { "columns": ["Item", "Amount"], "rows": [["Starter", "$29"]] }
}No-code & CMS automation
Render an image or a PDF for every spreadsheet row, WordPress post, or webhook event.
- n8nn8nOfficial community node
- WPWordPressBlock, shortcode & OG
- GSGoogle SheetsRender selected rows
- ATAirtableExtension for records
- KLKlaviyoSigned URL per profile
- S3S3 & R2BYOS bucket on Scale
Connect over HTTP & signed webhooks
- Zapier (HTTP)
- Make (HTTP)
- Webhooks
- Shopify
- GitHub Actions
- REST
- CLI
AI agents, over MCP
Point your assistant at /mcp. Eleven tools around templates, schemas, and renders.
$ claude mcp add --transport http jsontoimg https://app.jsontoimg.com/mcp
> Render an Open Graph card for our v1.4 release post
✓ list_templates · 8 templates
✓ get_template_schema · headline, author, version_tag
✓ create_render · release-v1-4.png
- Cursor
- Claude Code
- Claude Desktop
- VS Code
- Windsurf
One template, every surface.
- Image Generation APIPOST /api/v1/render with a template ID and the layers that change. PNG, JPG, WebP, or AVIF comes back as a signed URL. You do not run Chromium.
- PDF Generation APISet format to pdf on POST /api/v1/render. Multi-page templates become multi-page PDFs billed one credit per page — the exact same rate as a PNG.
- J2I Studio EditorJ2I Studio is the visual canvas. Place text, images, shapes, charts, and frames across multiple pages, name the layers that change, and pin production to an approved snapshot.
Your first 25 images are on us.
Design a template, grab an API key, and render your first PNG or PDF in minutes. No card required.