Create a Histogram

A histogram or distribution chart breaks your column of values into groups to show the distribution. It shows the underlying frequency distribution for a collection of continuous values.

Important

To create a distribution chart, you must first create a dashboard on which to add it.

Step 1: Select “Charts” in the menu bar to view all the Chart visualisation options.

Step 2: Select “Distribution Chart” option.

Note: The default histogram will be placed on your Dashboard. Drag it to wherever you want by grabbing the header and you can resize it by dragging the bottom right corner.

Step 3: Click “Edit”   menu on the chart header to edit your chart’s data, appearance and social media settings.

Link data to your chart

Step 4: To link data to the chart, select the “Data” tab in the edit popup, select the data file from the left file tree.  The file will open in the right data selection area. For a time series chart, only data with a date-time column can be selected.

Note: For “choose as x”, your file should have text based column to use as category. You can check the datatype of column by clicking the column in “Data Wrangler”.

Step 6: A preview of your chart will be generated (the box with the black border). You can resize the preview by pulling the bottom left corner.

Style histogram

Style each data series (lines and points on the chart) by altering the options in the ‘Data Series’ tab.

All Series options

“All Series” selection allows you to manage settings that apply across all series.

  • Orientation: the representation of chart bars.
  • X-mode:Set the X-axis mode to a logarithmic(base 10) mode or a linear (default) mode.
  • Y-mode:Set the Y-axis mode to a logarithmic(base 10) mode or a linear (default) mode.
  • Category number:to divide the data into number of ‘bins’ of equal size (in the linear or log domain).
  • Hover: to show the values if you hover over chart.
  • Column style:To set the border color and size, set the fill color for the columns in the histogram.

Series style options

  • Name: name of the layer.
  • Type: The type of that particular layer; line or column.
  • Y-axis: to manually reset the Y-axis of the chart.
  • Axis: by default, the series uses the left Y-axis, but you can switch to using a secondary Y-axis (right Y-axis) to allow you to show two different scales on the same chart. Legend: The information to understand the chart better.
  • Column style:

Global style options

Style the overall look of the chart by altering the options in the ‘Global Styles’ tab.

  • Title: title of the chart.
  • Title-font: the title which is font, size and colour.
  • Background: the background colour of the chart.
  • Font: the properties of the font in the chart like font, size and colour.
  • Background: the background of the legend.
  • Margin: the top, bottom, left and right margin.
  • Padding: the padding around the chart.

Legend style options

  • Font: font of the legend.
  • Visible: if the legend needs to be visible or hidden.
  • Background: background colour of the legend.
  • Border: the border and its colour around the legend.
  • X-position: the position of the legend with respect to x-axis.
  • Y-Position: the position of the legend with respect to y-axis.

X-axis style options

  • Name: name of the axis.
  • Font: properties of the name of the axis.
  • Range: the upper and lower values on X Y axis.
  • Axis line: visibility of axis line (show or hide).
  • Grid line: visibility line of grid line (show or hide) and its width.
  • Zoom: to allow the user to zoom on the chart. Interactive allows simultaneous zooming on both X and Y Axis.
  • Zero line: include the zero line on the chart.

Y-axis style options

  • Name: name of the axis.
  • Font: properties of the name of the axis.
  • Mode: toggle the Y axis to linear or logarithmic (base 10) scale.
  • Range: set the maximum range of the Y axis.
  • Axis line: visibility of axis line (show or hide).
  • Grid line: visibility line of grid line (show or hide) and its width.
  • Zoom: to allow the user to zoom on the chart. Interactive allows simultaneous zooming on both X and Y Axis.
  • Zero line: include the zero line on the chart.

Edit the settings of your visualisation for sharing on social media

To edit the information that will accompany the chart when sharing on social media (Facebook, Twitter, etc.), select the ‘Social’ tab.

Share your visualisation

Share your visualisation or the entire dashboard using “Share” tab under “Dashboards”.