Examples

Real-world chart examples you can copy and use. Each example includes the URL you can paste anywhere - in an <img> tag, markdown, or give to your LLM as a reference.

bar

Big Tech Revenue (Compact)

Quarterly revenue in billions — compact format turns raw numbers into clean B/M labels automatically.

Chart URL

https://getchartkit.com/api/chart?type=bar&labels=Q1,Q2,Q3,Q4&s0=90200000000,81800000000,85800000000,96500000000&s0name=Apple&s1=69800000000,74600000000,76700000000,86300000000&s1name=Microsoft&title=Big+Tech+Revenue+2024&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=bar&labels=Q1,Q2,Q3,Q4&s0=90200000000,81800000000,85800000000,96500000000&s0name=Apple&s1=69800000000,74600000000,76700000000,86300000000&s1name=Microsoft&title=Big+Tech+Revenue+2024&valueFormat=compact" alt="Big Tech Revenue (Compact)" width="600" height="400" />

horizontal-bar

Startup Funding Rounds (Compact)

Series A through D funding in millions — compact mode keeps the axis clean even with wide value ranges.

Chart URL

https://getchartkit.com/api/chart?type=horizontal-bar&labels=Series+A,Series+B,Series+C,Series+D&s0=8500000,42000000,185000000,750000000&s0name=Funding&title=Startup+Funding+Rounds&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=horizontal-bar&labels=Series+A,Series+B,Series+C,Series+D&s0=8500000,42000000,185000000,750000000&s0name=Funding&title=Startup+Funding+Rounds&valueFormat=compact" alt="Startup Funding Rounds (Compact)" width="600" height="400" />

bar

EU GDP Growth (EUR)

GDP growth across major European economies displayed in euros.

Chart URL

https://getchartkit.com/api/chart?type=bar&labels=Germany,France,Italy,Spain,Netherlands&s0=4120,2780,2050,1420,1010&s0name=GDP+(bn)&title=EU+GDP+by+Country+2024&valueFormat=currency&currencySymbol=%E2%82%AC

HTML Embed

<img src="https://getchartkit.com/api/chart?type=bar&labels=Germany,France,Italy,Spain,Netherlands&s0=4120,2780,2050,1420,1010&s0name=GDP+(bn)&title=EU+GDP+by+Country+2024&valueFormat=currency&currencySymbol=%E2%82%AC" alt="EU GDP Growth (EUR)" width="600" height="400" />

horizontal-bar

Tokyo Real Estate Prices (JPY)

Average apartment prices per sqm across Tokyo districts in Japanese yen.

Chart URL

https://getchartkit.com/api/chart?type=horizontal-bar&labels=Minato,Shibuya,Shinjuku,Chiyoda,Meguro&s0=2850000,2420000,1980000,2680000,1760000&s0name=Price+per+sqm&title=Tokyo+Real+Estate+%C2%A5%2Fsqm&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=horizontal-bar&labels=Minato,Shibuya,Shinjuku,Chiyoda,Meguro&s0=2850000,2420000,1980000,2680000,1760000&s0name=Price+per+sqm&title=Tokyo+Real+Estate+%C2%A5%2Fsqm&valueFormat=compact" alt="Tokyo Real Estate Prices (JPY)" width="600" height="400" />

area

SaaS MRR Growth (USD)

Monthly recurring revenue growing from seed stage to scale — compact format handles the jump from thousands to millions.

Chart URL

https://getchartkit.com/api/chart?type=area&labels=Jan,Mar,May,Jul,Sep,Nov&s0=48000,125000,310000,820000,1450000,2100000&s0name=MRR&title=SaaS+MRR+Growth&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=area&labels=Jan,Mar,May,Jul,Sep,Nov&s0=48000,125000,310000,820000,1450000,2100000&s0name=MRR&title=SaaS+MRR+Growth&valueFormat=compact" alt="SaaS MRR Growth (USD)" width="600" height="400" />

bar

European Tech Salaries (EUR)

Average senior developer salaries across European cities in euros.

Chart URL

https://getchartkit.com/api/chart?type=bar&labels=Zurich,London,Amsterdam,Berlin,Warsaw&s0=142000,98000,82000,76000,52000&s0name=Salary&title=Senior+Dev+Salaries+in+Europe&valueFormat=currency&currencySymbol=%E2%82%AC

HTML Embed

<img src="https://getchartkit.com/api/chart?type=bar&labels=Zurich,London,Amsterdam,Berlin,Warsaw&s0=142000,98000,82000,76000,52000&s0name=Salary&title=Senior+Dev+Salaries+in+Europe&valueFormat=currency&currencySymbol=%E2%82%AC" alt="European Tech Salaries (EUR)" width="600" height="400" />

donut

Global Cloud Market Share

Cloud infrastructure market share split between the big three and everyone else.

Chart URL

https://getchartkit.com/api/chart?type=donut&labels=AWS,Azure,Google+Cloud,Others&s0=31,25,11,33&s0name=Share&title=Cloud+Market+Share+2024&valueFormat=percent

HTML Embed

<img src="https://getchartkit.com/api/chart?type=donut&labels=AWS,Azure,Google+Cloud,Others&s0=31,25,11,33&s0name=Share&title=Cloud+Market+Share+2024&valueFormat=percent" alt="Global Cloud Market Share" width="600" height="400" />

bar

Crypto Trading Volume (Compact)

24h trading volume across major exchanges — billions rendered cleanly with compact format.

Chart URL

https://getchartkit.com/api/chart?type=bar&labels=Binance,Coinbase,Bybit,OKX,Kraken&s0=18200000000,4800000000,3600000000,2900000000,1200000000&s0name=24h+Volume&title=Crypto+Exchange+Volume&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=bar&labels=Binance,Coinbase,Bybit,OKX,Kraken&s0=18200000000,4800000000,3600000000,2900000000,1200000000&s0name=24h+Volume&title=Crypto+Exchange+Volume&valueFormat=compact" alt="Crypto Trading Volume (Compact)" width="600" height="400" />

line

Website Traffic Over Time

Monthly unique visitors growing through the year — compact keeps six-digit numbers readable.

Chart URL

https://getchartkit.com/api/chart?type=line&labels=Jan,Feb,Mar,Apr,May,Jun,Jul,Aug&s0=42000,58000,71000,95000,128000,186000,245000,310000&s0name=Visitors&title=Website+Traffic&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=line&labels=Jan,Feb,Mar,Apr,May,Jun,Jul,Aug&s0=42000,58000,71000,95000,128000,186000,245000,310000&s0name=Visitors&title=Website+Traffic&valueFormat=compact" alt="Website Traffic Over Time" width="600" height="400" />

area

Polish E-commerce Revenue (PLN)

Quarterly revenue for a Polish e-commerce company in złoty.

Chart URL

https://getchartkit.com/api/chart?type=area&labels=Q1,Q2,Q3,Q4&s0=2400000,3100000,4800000,6200000&s0name=Revenue&title=E-commerce+Revenue&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=area&labels=Q1,Q2,Q3,Q4&s0=2400000,3100000,4800000,6200000&s0name=Revenue&title=E-commerce+Revenue&valueFormat=compact" alt="Polish E-commerce Revenue (PLN)" width="600" height="400" />

horizontal-bar

AI Model Benchmark Scores

Benchmark performance across leading AI models — a simple number format comparison.

Chart URL

https://getchartkit.com/api/chart?type=horizontal-bar&labels=GPT-4o,Claude+3.5,Gemini+Pro,Llama+3,Mistral+Large&s0=92,89,85,78,76&s0name=Score&title=AI+Model+Benchmarks&valueFormat=percent

HTML Embed

<img src="https://getchartkit.com/api/chart?type=horizontal-bar&labels=GPT-4o,Claude+3.5,Gemini+Pro,Llama+3,Mistral+Large&s0=92,89,85,78,76&s0name=Score&title=AI+Model+Benchmarks&valueFormat=percent" alt="AI Model Benchmark Scores" width="600" height="400" />

pie

Venture Capital by Sector (Compact)

VC investment by sector in 2024 — billions in a pie chart with compact labels.

Chart URL

https://getchartkit.com/api/chart?type=pie&labels=AI+%2F+ML,Fintech,Health,Climate,Cyber&s0=62000000000,28000000000,19000000000,14000000000,11000000000&s0name=Investment&title=VC+Investment+by+Sector+2024&valueFormat=compact

HTML Embed

<img src="https://getchartkit.com/api/chart?type=pie&labels=AI+%2F+ML,Fintech,Health,Climate,Cyber&s0=62000000000,28000000000,19000000000,14000000000,11000000000&s0name=Investment&title=VC+Investment+by+Sector+2024&valueFormat=compact" alt="Venture Capital by Sector (Compact)" width="600" height="400" />