All tools/Chart Examples
Learn

Chart Examples

Twelve chart examples with real data behind them, each one labelled with the question it answers and why that chart type fits. Open any example in the editor to change the numbers and take the result with you.

Browse the examples

Twelve charts, each with the data that produced it and the reason that shape was chosen. Hover any chart to read exact values; open one in the editor to change the numbers.

Monthly net revenue
020K40K60K80KJanFebMarAprMayJun48.2K51.6K49.3K58.8K63.4K61.9K

Why this shape: One measure across a handful of periods. Bars sit on a zero baseline so the eye compares heights honestly.

Show the data
LabelNet revenue
Jan48,200
Feb51,600
Mar49,300
Apr58,800
May63,400
Jun61,900
Plan vs actual by quarter
050K100K150K200K250KQ1Q2Q3Q4150K165K180K195K149.1K171.4K168.9K203.2K
  • Plan
  • Actual

Why this shape: Two series on the same scale and the same unit — grouped bars with a 2px gap, never two y-axes.

Show the data
LabelPlanActual
Q1150,000149,100
Q2165,000171,400
Q3180,000168,900
Q4195,000203,200
Revenue share by region
41%26%19%9.5%4.0%
  • North America
  • Europe
  • Greater China
  • Southeast Asia
  • Other

Why this shape: Parts of one whole, five slices, and the shares differ enough to read. Every slice carries its own percentage label.

Show the data
LabelRevenue
North America412,000
Europe268,000
Greater China197,000
Southeast Asia96,000
Other41,000
Weekly sessions, two channels
01,0002,0003,0004,000W1W2W3W4W5W6W7W8W9W10W11W121,8201,9102,0401,9802,2102,3802,4502,6102,5702,8403,0103,1801,2401,1901,3101,4201,3801,2901,3401,4101,5201,4701,3901,350
  • Organic
  • Paid

Why this shape: Change over many closely spaced points. Lines show the shape of the trend; bars would turn it into a picket fence.

Show the data
LabelOrganicPaid
W11,8201,240
W21,9101,190
W32,0401,310
W41,9801,420
W52,2101,380
W62,3801,290
W72,4501,340
W82,6101,410
W92,5701,520
W102,8401,470
W113,0101,390
W123,1801,350
Top products by units sold
01,0002,0003,0004,0005,000Atlas Pro BundleBeacon Analytics …Cedar Starter KitDelta Field SensorEverest Support P…Fjord Data PackGranite Console4,8204,3103,7602,9402,1801,6401,120

Why this shape: Long category names. Horizontal bars give the labels room instead of tilting them 45°.

Show the data
LabelUnits
Atlas Pro Bundle4,820
Beacon Analytics Seat4,310
Cedar Starter Kit3,760
Delta Field Sensor2,940
Everest Support Plan2,180
Fjord Data Pack1,640
Granite Console1,120
Marketing budget split
650KTotal28%37%18%10%6.9%
  • Content
  • Paid search
  • Events
  • Tooling
  • Partnerships

Why this shape: Same job as a pie, but the hole holds the total — useful when the absolute number matters as much as the split.

Show the data
LabelBudget
Content180,000
Paid search240,000
Events120,000
Tooling65,000
Partnerships45,000
Cumulative signups
02,0004,0006,0008,00010KJanFebMarAprMayJunJulAug8201,6402,6103,7205,0106,4808,1209,940

Why this shape: A running total that only goes up. The fill reads as accumulated volume; the line still carries the exact value.

Show the data
LabelAccounts
Jan820
Feb1,640
Mar2,610
Apr3,720
May5,010
Jun6,480
Jul8,120
Aug9,940
Month-over-month change
-505101520FebMarAprMayJunJul7.1-4.519.37.8-2.411.2

Why this shape: Values cross zero. Bars from the zero line make the negative months obvious — a line chart would hide the sign change.

Show the data
LabelMoM
Feb7.1
Mar-4.5
Apr19.3
May7.8
Jun-2.4
Jul11.2
Retention by cohort month
020406080100M0M1M2M3M4M5100685447434110072595248451007563575351
  • 2026-01
  • 2026-02
  • 2026-03

Why this shape: Three cohorts measured on the same percentage scale. One axis, three lines, a legend plus direct labels at the ends.

Show the data
Label2026-012026-022026-03
M0100100100
M1687275
M2545963
M3475257
M4434853
M5414551
Ticket volume by category
05001,0001,500BillingOnboardingIntegrationsExportsPerformanceOther1,4201,180940610430260

Why this shape: Ranked categories, one measure, sorted descending. Sorting is what makes a category bar chart readable.

Show the data
LabelTickets
Billing1,420
Onboarding1,180
Integrations940
Exports610
Performance430
Other260
Headcount plan vs filled
01020304050EngineeringCustomer SuccessSalesMarketingFinance & Ops421826129371621119
  • Plan
  • Filled

Why this shape: Two series and long team names. Horizontal grouped bars keep both the labels and the comparison legible.

Show the data
LabelPlanFilled
Engineering4237
Customer Success1816
Sales2621
Marketing1211
Finance & Ops99
Signup funnel by stage
010K20K30K40K50KVisitedStarted signupVerified emailCreated a projectRan an analysisUpgraded48.2K12.4K9,8006,1003,450720

Why this shape: Ordered stages of one quantity — a single-hue ordinal ramp, not six unrelated categorical colours.

Show the data
LabelUsers
Visited48,200
Started signup12,400
Verified email9,800
Created a project6,100
Ran an analysis3,450
Upgraded720

How to use these examples

  • Find the example whose question matches yours — "which is biggest", "how did it move", "what share".
  • Read the "why this chart" note. The choice of chart type is the part worth copying, not the colours.
  • Click Edit to load the data into the chart maker, swap in your own numbers and download.

The examples by question

  • Compare named categories: monthly net revenue, top products, plan vs. actual.
  • Show a trend: traffic over time, cumulative sign-ups, headcount plan.
  • Show parts of a whole: revenue by region, budget split.
  • Show change and distribution: month-over-month change, cohort retention, support volume, conversion funnel.

Frequently asked questions

Can I use these chart examples in my own work?

Yes. The data is synthetic sample data — edit it, replace it and export the chart for any use.

Which chart type should I copy?

Match the question, not the look. If you are unsure, the chart chooser walks you through it in four questions.

Can I change the data in an example?

Yes. Click Edit on any example to open it in the chart maker with the numbers loaded.

Not sure which chart to use?

Upload an Excel or CSV file and get charts with a checkable answer behind every number.

More ToCharts tools