Vizvero

Bar chart example

Segmented Bar Graph Example: 100% Stacked Bar Chart

A segmented bar graph normalizes every category to the same 100% length, so the viewer compares composition rather than absolute totals. This is the same percentage-based layout often called a 100% stacked bar chart.

Edit this example Start a blank bar chart
Traffic source mix by regionShare of sessionsSearchDirectReferral0%20%40%60%80%100%North AmericaEuropeAsia PacificLatin America52%31%17%44%36%20%61%24%15%48%29%23%Source: Sample data

Example data

This is the data used by the live preview. Open the example in Vizvero to replace any cell, add series when the chart supports them, change chart settings, and export the result.

RegionSearchDirectReferral
North America523117
Europe443620
Asia Pacific612415
Latin America482923

How to structure the data

  • 01Use one category column plus two or more non-negative numeric series.
  • 02Vizvero normalizes each category total to 100%, so the input values do not have to already be percentages.
  • 03Categories with a zero total are left empty because they have no meaningful percentage composition.

What this example shows

Normalize each category to 100% to compare composition instead of absolute totals.

Segmented vs 100% stacked bar chart

Both terms describe a bar divided into proportional segments whose combined length represents 100%. Vizvero exposes this as the 100% stacked layout.

More bar chart examples

Related bar chart examples

Browse all examples

Make this bar chart your own

Open the exact example in the matching maker, replace the sample data, then customize the layout, design, animation, and export format.

Edit this example
Segmented Bar Graph Example: 100% Stacked Bar Chart | Vizvero