Show Sidebar Hide Sidebar

Grouped Bar Charts in Plotly 2.0

Create one of the most common chart types, a column chart useful for comparing data points in one or more data series.

Step 1

Try an Example

A bar chart presents grouped data with rectangular bars with lengths proportional to the values that they represent. The bars can be plotted vertically or horizontally.

After selecting 'Bar chart' under 'Chart Type', you can check out an example before adding your own data. Clicking the 'try an example' button will show what a sample chart looks like after adding data and playing with the style. You'll also see what labels and style attributes were selected for this specific chart, as well as the end result.

Example after

You can also use the data featured in this tutorial by clicking on 'Open This Data in Plotly' on the left-hand side. It'll open in your workspace.

Open data

Step 2

Add Your Data to Plotly

Head to Plotly’s new online workspace and add your data. You have the option of typing directly in the grid, uploading your file, or entering a URL of an online dataset. Plotly accepts .xls, .xlsx, or .csv files. For more information on how to enter your data, see this tutorial.

Import data main

Step 3

Create a Chart

After adding your own data, go to GRAPH on the left-hand side, then 'Create'. Choose 'Bar chart' under 'Chart type'.

Choose chart main

Click on GRAPH on the left-hand side to add your y-axis and x-axis to your stacked bar chart. After selecting ‘Bar chart', you should then fill out the Y and X dropdown to create the plot.

Adding x and y axis

This will create a raw stacked chart, as seen below.

Adding x and y axis

For charts that have many values such as this one, we need to add more data on the x-axis. We do this by clicking on the '+Trace' button at the top right-hand side of that pane.

Trace open

You can add as many traces as you need, until your plot is complete!

Finished traces

Step 4

Style a Chart

You can choose your colors, text position, or typeface. Click on STYLE on the left-hand side to play around with the style of your chart.

To make this bar chart a grouped bar chart, visit the 'Traces' section under STYLE and select the 'Grouped' option under 'Bars'. It may have already been set as 'Grouped' by default.

Grouped bar

To change the colors of your bars, select ‘Traces’ under the same STYLE tab, then click on FILL and a color pop-up will appear. As you scroll down that pane, each bar will have its own FILL color that you can change. Note that certain colors and typeface are only available with a PRO subscription. Click here to upgrade!

Colour main

To add a title to your plot, you can type it directly on the title by double-clicking it.

Type directly title

The same can be done for the axis labels and legend.

Type directly legend

Another option is to visit the 'Layout' section under STYLE, click on 'Text' and enter your title in the box, as shown below.

Type in layout panel

Step 5

Save and Share

Your chart is now done! Click SAVE on the left-hand side.

Save main

After giving your file a name, select your PLOT and DATA as 'Public' or 'Private'. For more information on how sharing works, including the difference between private, public and secret sharing, visit this page.

Save pop-up

Still need help?
Contact Us

For guaranteed 24 hour response turnarounds, upgrade to our Premium or Enterprise plans.