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](/docs/url-parameters) reference if you are editing links by hand.

Chart title

Chart type

Labels (comma-separated)

Series 1 name

Series 1 values

Series 2 name (optional)

Series 2 values (optional)

Width

Height

Value format

Show legend

Format

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=compact&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=compact&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.