Product rankings
Read a largest-first ranking from top to bottom.
Headphones have 120 sales and keyboards have 95.
Use template →Use this horizontal bar chart maker to compare categories with sideways bars. Start with a ranked example, edit your labels and values, and download PNG or SVG.
Loading your locally saved graph…
Templates open new graphs and keep your current work. Up to 20 per page, saved in this browser.
Choose an editable example. Each template opens a new graph and keeps your current work in My graphs. All values are illustrative.
Read a largest-first ranking from top to bottom.
Headphones have 120 sales and keyboards have 95.
Use template →Make longer response labels easy to read.
Public transport leads with 86 responses. Rows are already ranked.
Use template →Compare named departments on one budget scale.
Customer support has a budget of 84 thousand dollars.
Use template →Use the first column for category names and the next column for numeric values. Replace the sample, paste a table, or upload CSV data.
The graph follows your table order from top to bottom. Arrange the rows from largest to smallest for a ranking, or retain a meaningful category order.
Keep Horizontal selected in Bar orientation. Edit titles, colors and value labels in Customize, then download a PNG or SVG chart.
A horizontal bar graph places category names on the vertical axis and numeric values on the horizontal axis. Each bar extends sideways from zero; a longer bar represents a larger value.
Horizontal bars give category labels more room than vertical columns. They work well for rankings, survey choices and named groups. Very long labels may still be shortened to fit the preview.
The editor preserves your row order rather than sorting automatically. Keep ordered categories in their natural sequence; use descending values when the main message is a ranking.
Illustrative response counts for community priorities, already arranged largest first. Public transport has 86 responses and parks and recreation has 72, a difference of 14. These are sample values, not survey research.
| Priority | Responses |
|---|---|
| Public transport | 86 |
| Parks and recreation | 72 |
| Street maintenance | 58 |
| Library services | 41 |
| Community events | 29 |
Orientation and grouping are separate choices. A horizontal chart can show one bar or several bars per category.
Keep one numeric column to compare response counts or totals across categories, as in the example above.
Choose Add series and enter values for a second group or period. Rename the column header so its meaning appears in the legend.
Grouped horizontal bars compare separate values on one scale. Keep all series in the same unit; these bars are side by side rather than stacked.
Both layouts compare the same values. Choose the direction that makes the categories easier to read.
Use horizontal bars when category labels need room or you want to read a ranking from top to bottom. Values run left to right, and the table keeps control of category order.
Vertical columns can work well for short category names or separate monthly totals. Use the orientation radio buttons to compare both layouts without changing your data.
Use the layout when named categories matter more than a continuous time trend.
Compare sales totals, scores or completed work. Arrange the table rows in the ranking order you want readers to see.
Show counts for clearly labeled choices. Explain whether respondents could select more than one answer.
Give department, service or project labels more room beside the bars, while keeping the number of categories manageable.
Open directly in horizontal mode and switch between Vertical and Horizontal using the orientation radios.
Categories appear top to bottom in the order of your data rows, with no automatic sorting.
Add numeric columns to compare two or more datasets within each category, with a named legend.
Edit labels and values, paste a table, or import CSV data to update the chart.
Your chart is saved in this browser separately from the main bar and grouped bar pages.
Download a chart without a watermark for an assignment, report or presentation.
Answers about sideways bars, category order, grouped series and downloads.
Enter category labels in the first column and values in the next. This page starts with Horizontal selected. Edit the sample data, customize your chart and download PNG or SVG.
Yes. Both names describe bars extending horizontally, with category labels on the vertical axis and values on the horizontal axis.
No. The chart follows your table order from top to bottom. Arrange rows before pasting or importing when you want a largest-to-smallest ranking.
Yes. Choose Add series to add a second numeric column, then name the header and enter values. The chart places the two series side by side within each category.
Yes. Select Vertical in Bar orientation. Your category labels, numeric values and series names stay in the table.
Negative values extend to the left of zero. Leave a missing value blank to omit it; enter 0 only when zero is the actual observation.
Yes. Create charts without signup and export PNG or SVG without a watermark. Graph data is processed and saved locally in your browser.