ChartKitBETA

Horizontal bar chart generator

Categories run down the Y axis - useful when labels are long (country names, ticket titles, survey options).

Chart builder

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.

horizontal bar

Preview

Monthly Revenue

Copy

Show snippets
URL
https://getchartkit.com/api/chart?type=horizontal-bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact
HTML
<img src="https://getchartkit.com/api/chart?type=horizontal-bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact" alt="Monthly Revenue" width="700" height="420" />
Markdown
![Monthly Revenue](https://getchartkit.com/api/chart?type=horizontal-bar&labels=Jan,Feb,Mar,Apr,May&s0=12000,18000,15000,22000,27000&s0name=Revenue&title=Monthly%20Revenue&w=700&h=420&valueFormat=compact)

Why horizontal bars

Vertical bar charts fight for space when labels wrap. Horizontal layouts give each category a full line of text on the left.

ChartKit uses `type=horizontal-bar`. You still pass `labels` and `s0` as comma-separated lists.

Use cases

  • CSAT or NPS themes with multi-word labels.
  • Roadmap or backlog snapshots where ticket names are readable.
  • Slide decks with limited width but enough vertical space.

Examples

Support queue by topic

https://getchartkit.com/api/chart?type=horizontal-bar&labels=Billing,Onboarding,API+errors,Docs&s0=18,27,12,33&s0name=Open&title=Queue+snapshot&w=680&h=420&format=svg

Two series (comparison)

https://getchartkit.com/api/chart?type=horizontal-bar&labels=Team+A,Team+B,Team+C&s0=42,38,51&s0name=Done&s1=8,11,6&s1name=WIP&title=Sprint+carry&legend=true&w=720&h=400&format=svg

PNG for strict CMS

https://getchartkit.com/api/chart?type=horizontal-bar&labels=North,Central,South,East&s0=22,19,24,17&s0name=Leads&format=png&w=640&h=380

How it works

  1. First label pairs with the first `s0` value, and so on. Optional `s1` adds a second bar group per row.
  2. Increase `h` when you have many categories so bars stay legible.
  3. Copy HTML or Markdown from the builder once the preview matches your sheet.

Use with ChatGPT or Claude

Tell your LLM you need `type=horizontal-bar` and paste your categories as the `labels` list.

If the model drifts to JSON config, point it at URL parameters.

FAQ

Is this generator free?

Yes for normal interactive use on getchartkit.com; check terms for bulk API use.

Can I embed in WordPress or Markdown?

Yes. Use an image block or `!alt` - see charts for WordPress or charts for Markdown.

Can I export SVG?

Choose `format=svg` in the form or URL.

What chart types exist besides horizontal bar?

Bar, line, area, pie, and donut are documented on the chart maker page.

Can ChatGPT build this URL?

Yes, with the parameter list - try the LLM chart generator prompt patterns.

More ChartKit tools