Do I need a chart plugin?

Not for static images. Plugins help for interactive dashboards.

Gutenberg or Classic?

Both work with Image-from-URL or raw HTML.

CDNs cache images like any other; purge when you change parameters.

Public URLs are available for trials.

[Charts for email](/charts-for-email) discusses PNG-heavy constraints.

Charts for WordPress

Paste a ChartKit URL into an Image block or `<img>` tag. Gutenberg treats it like any remote image; you avoid heavyweight chart plugins when a static graphic is enough.

Block editor workflow

Insert → Image → “Insert from URL” → paste your `/api/chart?…` link. Add alt text for accessibility.

Classic editor / HTML block: paste the ChartKit HTML snippet from the builder.

If your host strips remote SVG, switch `format=png` and re-copy.

Use cases

Small business sites that publish monthly performance posts.
Multisite networks where only the marketing theme changes, not the data pipeline.
Headless WP feeding a front end that still understands plain `<img>`.

Examples

PNG bar (host-safe)

https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar&s0=55,62,58&s0name=Orders&title=Store+orders&format=png&w=640&h=380

HTML snippet

<img src="https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar&s0=55,62,58&s0name=Orders&title=Store+orders&format=png&w=640&h=380" alt="Store orders" width="640" height="380" />

Line chart SVG when your host allows

https://getchartkit.com/api/chart?type=line&labels=2021,2022,2023,2024&s0=12,17,22,28&s0name=Traffic+k&title=Annual+traffic&format=svg&w=700&h=400&valueFormat=compact

Donut for hero banner width

https://getchartkit.com/api/chart?type=donut&labels=A,B,C,D&s0=35,28,22,15&s0name=Segments&title=Customer+mix&format=png&w=520&h=420

Create a chart for your post

Adjust fields and copy URL, HTML, Markdown, or an AI prompt. See the URL parameters reference if you are editing links by hand.

Chart title

Chart type

Labels (comma-separated)

Series 15 numbers

Name

Values (comma-separated)

Chart options

Chart size

Value labels

Currency

Locale

Formats numbers and ISO dates (2026-01-06). Other labels stay as written.

Show values on chartPrint numbers on bars, points, or slices

Show legendSeries key below the chart

Advanced▾

Axis text size

Makes X and Y axis labels larger. Applies to bar, line, area, stock, and horizontal bar charts.

Chart font

Preview

Copy

Show snippets

URL

https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=currency&format=png

HTML

Markdown

![Monthly Revenue](https://getchartkit.com/api/chart?type=bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=currency&format=png)

How it works

Generate the chart, copy HTML or URL, paste into WP.
If the media library insists on uploads, download the PNG from the URL and upload manually.
Use captions and alt text - the chart is not screen-reader friendly without a summary.

Use with ChatGPT or Claude

Editors using LLM assistants can ask for “WordPress-ready img tag with this ChartKit URL”.

Markdown-first WP plugins: see charts for Markdown.

FAQ

Do I need a chart plugin?: Not for static images. Plugins help for interactive dashboards.
Gutenberg or Classic?: Both work with Image-from-URL or raw HTML.
Jetpack or CDN?: CDNs cache images like any other; purge when you change parameters.
Free ChartKit?: Public URLs are available for trials.
Email vs blog?: Charts for email discusses PNG-heavy constraints.