Show Sidebar Hide Sidebar

Histograms in Plotly 2.0

Create a graphical representation of the distribution of numerical data.

Step 1

Try an Example

Histograms are an estimate of the probability distribution of a continuous quantitative variable. If you'd like to know more about this type of plot, visit this page for great information.

After selecting 'Histogram' 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 values 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 'Histogram' under 'Chart type'. Note that this chart is only available with a PRO subscription. Click here to upgrade

Choose chart main

Click on GRAPH on the left-hand side to add your values to your histogram. After selecting ‘Histogram', you should then fill out the values dropdown to create the plot. Note that drawing and fitting the curve for this type of plot is not currently available, but is coming soon!

Values dropdown

We've selected the height as the value for this specific chart. This will create a raw histogram as seen below, but there's still a little work to do to make it look great!

Raw plot

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 change the colors, click on ‘Traces’ under the same STYLE tab. Note that certain colors and typeface are only available with a PRO subscription. Click here to upgrade!

Colour main

It's also possible to change the bin size (the width of each bin) and the padding between each bar; it's under the same 'Traces' section. We want padding between each bar, so we've spaced them by 15%.

Bin and bar spacing

The 'Axes' section under STYLE is where you visit if you want to change your axes title(s), range(s), or grid lines behind your plot..

Axes panel

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 axis

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

Give your file a name, then 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.