GalleryPricing
Resources
Documentation
Explore how to build visualizations in Mappica.
Concepts
Understand core ideas in data visualization.
Tutorials
Watch step-by-step videos and walkthroughs.
FAQs
Learn more about our Pro plan and subscription policies.
Support
Get help by connecting to Mappica's support team.
Log in
Log In
Get Started
Overview
  • Introduction to Mappica
Workspaces
  • Workspaces Overview
  • Projects
  • Team
  • Theme
  • Lookups
  • Subscription
  • Settings
Visualizations
  • Visualizations Overview
  • Sections
  • Maps
  • — Arrow Maps
  • — Bar Maps
  • — Choropleth Maps
  • — Spike Maps
  • — Symbol Maps
  • Charts
  • — Columns and Bars
  • — Stacked Columns and Bars
  • — Grouped Columns and Bars
  • — Line Charts
  • — Area Charts
  • — Histograms
  • — Arrow Plots
  • — Dot Plots
  • — Scatter Plots
  • — Pie and Donut Charts
  • Tables
  • Filters
  • Selectors
  • Navigation
  • Legends
  • Text
  • Images and Videos
  • Colors
  • Publishing
Datasets
  • Datasets Overview
  • Data Aggregation
Basemaps
  • Basemaps Overview
Profile
  • Profile Overview

Histograms

Learn how to build and configure histograms in Mappica.

Overview

Histograms group raw data values into intervals, or "bins," to represent the frequency of occurrences within a series. They reveal patterns such as clustering, dispersion, or skewness in the data, providing a clear visual summary of how values are distributed across a continuous variable.

By default, the height of each bar in a histogram represents the number of data points within its bin. In Mappica, you can also switch to a percentage-based vertical axis, where each bar reflects its proportion of the total data points in the series. Additionally, histograms can display multiple series of data, which can be either layered or stacked for comparison.

Setup

In the Setup section, under the Chart tab, you can assign the following properties:

  • The name will be used to reference it in the Layers tab and on the canvas.
  • The top, right, bottom, and left Margin that will be added between the chart axes and the edge of the chart container.
TIP
Because the margin sets the space between the chart axes and the edge of the container, ensure you add enough margin for any axis ticks or labels. If needed, use options in the Axes section such as Limit Tick Width, Limit Tick Characters, and Rotate Ticks to constrain the size of tick and label text.
  • The Size Ratio of the chart container. Since the chart will always take up the available width inside its parent section, the size ratio effectively determines the chart's height.
  • Optionally, the chart's Minimum Height and/or Maximum Height. If the height calculated by the size ratio is smaller than the Minimum Height or larger than the Maximum Height, then the Minimum Height or Maximum Height is used instead of the size ratio.

Connecting to Datasets

In the Dataset section, you can select the dataset for your chart. If you need to add a dataset, this can be done by selecting New Dataset in the Project tab.
MAPPICA Pro
If you are on the Pro plan, you can upload your own files (in csv format) to use as datasets, by clicking New Dataset and then Upload Dataset.
After you have selected a dataset, you can optionally enable the Prefilter Dataset switch, which lets you filter the data that is supplied to the chart. The filter is a "prefilter" because it is applied before the visualization is generated; end users are unable to adjust the filter dynamically.
Next, the Data Format is displayed, which in the case of histograms is always set to Wide Data. This mean that each series in the histogram should be organized as a separate column in the dataset. The values within each column are treated as individual observations that will be grouped into bins for the histogram. You can specify the series to include by selecting the relevant fields under Series Fields.

Connecting to Filters

You can establish connections to filter elements under the Chart tab, in the Connections section, by making a selection under Filter.
A Filter element can be styled as a series of checkboxes, a dropdown menu, or a slider. Values from the specified Filter Field appear as individual checkboxes, dropdown menu items, or (for numeric filtering) slider values. A given chart can be connected to one or more filters, and the same filter can be connected to multiple charts or other elements.

When a filter element is connected to a chart, it dynamically controls the dataset records displayed in the chart based on the user's selections. Filters can also adjust the chart's axis range dynamically, provided one of the chart's axis fields is the same as the filter's Filter Field and the Minimum and Maximum Range values of that axis are set to auto.

Additionally, filter elements can inherit color formatting from a chart, provided that the chart is using Long Data format and the chart's Color Field is the same as the filter's Filter Field. For more information, see the Color Formatting section of the documentation for filter elements.
TIP
If your chart uses Wide Data format, use a Selector element instead of a filter to dynamically control the chart color series.
Typically, the Filter element you connect to will use the same Dataset as the chart element. However, this is not strictly necessary. If the filter and chart elements use different datasets, the filter will only affect the chart if the chart's dataset contains a field (column) with the same name as the Filter Field in the filter element. In this case, the values in these fields must at least partially align for the filter to take effect. Any non-matching values between the fields will be ignored during filtering.

Connecting to Selectors

If you are using Wide Data format, you can establish a connection to a selector element under the Chart tab, in the Connections section, by making a selection under Selector.
Selector elements control which series fields are displayed in connected elements that use a wide data format. Selectors can be displayed as checkboxes, dropdowns, or legends. While a chart can be connected to only one selector, a single selector can be connected to multiple charts and other elements that use series fields. Once connected, the selector element dynamically controls the dataset fields (columns) passed to the chart as series fields based on user selections.

Sorting

You can choose whether to reverse the chart's horizontal axis under the Chart tab in the Sort section.

Axes

The Axes section of the Chart tab is used to configure the Horizontal Axis and Vertical Axis. Whichever of these two axes is used for the independent variable is listed first in the user interface. The exact configuration options available depend on the chart type and several other factors.

  • ‍Add Label: When enabled, label text appears adjacent to the axis. You can also align the label text.
  • Customize Range: Specify a custom maximum value for the chart axis. This option is available on the chart's vertical axis. On charts with bars, the minimum value should be less than or equal to 0 and the maximum value should be greater than or equal to 0. On histograms, the minimum value is set to 0 and cannot be changed.‍
  • Set Axis Line Location: When enabled, this option lets you control the position of the axis line. Auto places the axis line at the bottom of the chart (in the case of the horizontal axis) or the left of the chart (in the case of the vertical axis). Zero aligns the axis to the zero value and Hidden removes the axis line entirely.‍ If this option is turned off, the chart's independent axis line will be displayed in a default location and the dependent axis line will be hidden (Pro users can adjust these default settings in the Theme page).
  • Rotate Ticks: On horizontal axes, you can rotate tick labels to angles of 0°, 30°, 45°, 60°, or 90°. This can improve readability, especially when dealing with long or overlapping tick labels.‍
  • Use Short Format: On the dependent axis, you can display axis tick values in a compact format, such as 1K for 1,000 or 1M for 1,000,000.

The following chart formatting option applies to both axes:

  • Clip Chart: Restrict chart items such as bars and symbols from extending beyond the boundaries of the chart container, ensuring all items remain within the outermost values on both axes.

Colors

Color formatting is defined in the Colors section under the Chart tab. Since histograms uses Wide Data format, separate colors can be assigned to each of the selected series.

Settings

In the Settings section under the Chart tab, specify the following options:‍

Intervals and Thresholds: In histograms, bins use Intervals by default, which split data into fixed-width ranges (e.g., 0–10, 10–20). You can optionally specify an Interval Size, or let one be specified automatically.

Enabling Use Thresholds allows you to set a targeted number of bins instead of an interval. Choose from the following modes:

  • Auto automatically calculates an optimal number of bins by analyzing the dataset's distribution.
  • Count lets you specify an approximate number of bins, adjusting bin widths dynamically to fit the data range.
  • Rule applies a predefined statistical method for binning.

The following rules can be selected:

  1. Scott’s Rule calculates bin width based on the standard deviation of the dataset and the number of data points, making it particularly effective for datasets with normal distributions.‍
  2. Freedman-Diaconis Rule uses the "interquartile range" to account for variability and outliers.‍
  3. Sturges’ Rule calculates the number of bins using the logarithm of the dataset size (better for smaller datasets).

Show Percentages: Use this option to display percentages on the vertical axis of the chart instead of a value count. If used in conjunction with bar stacking, the total of all bars across all series equals 100%. However, if bar stacking is turned off, each series independently totals 100%.

Stack Bars: Select the option to stack bars in the histogram rather than overlaying them.

Annotations

In the Annotations section, under the Chart tab, you can select Add Data Line. This overlays a dashed line annotation to represent a calculated value for each histogram series. The line is formatted in the same color as the histogram bars, which usually requires that the bar opacity is reduced from 100% (this can be done in the Colors section of the Chart tab). The data line is set up as follows:

  • Data Line Operation: Choose the Data Line Operation to calculate the "Average" or "Median" of the histogram values.
  • Legend Text: The dashed data line will automatically be included in any legend connected to the histogram. By default this text will include the histogram series name and the data operation in parentheses. It is possible to edit the text that appears after the series name using the Legend Text option.
  • ‍Show Value: Select "Always" or "Hover" to display a dot at the top of the dashed line with the average or median value above it. In "Hover" mode, the value only appears when hovering.

Tooltips

Tooltips can be enabled by selecting the Chart tab, navigating to the Tooltip section, and selecting Display Tooltip. These are automatically configured to display the series selected in the chart. If Show Percentages is enabled in the Filter section, you can specify how to round the percentage value displayed in the tooltip, using Percentage Format.
Table of Contents
  • Overview
  • Connecting to Datasets
  • Connecting to Filters
  • Connecting to Selectors
  • Sorting
  • Axes
  • Colors
  • Settings
  • Annotations
  • Tooltips
  • Setup
© 2025, Mappica LLC. All rights reserved.
NewsTermsPrivacyEULA