Dashboard components

Build interactive dashboards with layer components.

Components can be added to layers quickly create interactive and informative dashboards. Each component serves a specific purpose, providing unique insights and facilitating data analysis and exploration. By combining these components together, you can explore, compare, and interpret complex datasets with ease to make informed decisions.

Adding components

There are two ways to add components to a layer:

  • Directly from the Components tool () in the toolbar

Available components

Statistic

Summarize numeric values into useful statistics to quickly understand essential metrics in your data. With the Statistic component you can show the count of features (Feature count) or summarize a numeric attribute with different stats: Sum, Average, Min, Max, Median, or Distinct Count.

Good for

  • Providing quick insights into key metrics like averages, totals, and min or max values.

  • Gaining a high-level overview of important numerical data.

  • Presenting summarized data for easy interpretation.

  • Show the total sales revenue for a quarter.

Example use case: Display the average income of residents in a city.

Bar chart

Visualize and compare categories with bar charts to compare differences and trends between various groups in your data. You can calculate statistics (Feature Count, Sum, Average, Min, Max, Median, and Distinct Count) for each category based on a numeric attribute in the table. Summarizing a numeric attribute in the Bar chart is especially useful to summarize a secondary statistic on various categories.

Good for

  • Comparing different categories or groups.

  • Highlighting differences and trends between multiple datasets.

  • Visualize the number of users in different age groups.

Example use case: Compare the sales revenue for different sales territories.

Summarizing a numeric attribute in the Bar chart is especially useful to summarize a secondary statistic on various categories.

Histogram

Quickly chart patterns and trends by displaying frequency distributions or X,Y charts using easy-to-read bins. By default, distribution of data is shown across 50 bins. You can adjust this number in the Bins option.

Good for

  • Understanding distribution and variability.

  • Spotting outliers and central tendencies.

  • Analyzing the spread of data points.

  • Visualize the elevation distribution within a geographic region.

Example use case: Show the distribution of ages in demographic data.

Filter

Drill down, filter on-the-fly, and select more specific categories or ranges of data to focus on target information. There are two types of filter components: Dropdown and Slider. The Dropdown filters can be configured with multi-select or single-select. While all attributes are filterable with a dropdown, only numeric attributes can be filtered with a slider.

Good for

  • Focusing on particular values for more precise insights.

  • Select distinct land use types to explore changes in a city.

Example use case: Filter sales data by revenue ranges to see performance in sales regions.

There are two types of filter components: Dropdown and Slider. All attributes are filterable with a dropdown. Only numeric attributes can be filtered with a slider.

Dropdown

Slider

Time series

Explore spatial trends over time and reveal key metrics across time periods. With the Time series component, you can select between multiple time-based intervals to best summarize your data. Time intervals include: Year, Month, Week, Day, and Hour.

Good for

  • Identifying trends and patterns over time.

  • Tracking the evolution of data.

  • Understanding how different variables interact across time.

  • Monitor traffic flow changes during different times of the day.

Example use case: Display temperature changes over a year across various cities.

Required Formats

  • Native Date and Datetime Types: We automatically recognize files with native date and datetime support, such as GeoPackage and Shapefile.

  • String Types: If not a file type with native support, in order to recognize, the date or datetime strings should be in the following formats:

    • 1970-01-01 – ISO 8601

    • 1970/01/01 – common, unambiguous

    • 1970-01-01T00:00:00 – ISO 8601

    • 1970-01-01T00:00:00.00 – ISO 8601 with milliseconds

    • 1970-01-01T00:00:00Z – ISO 8601 with UTC offset

    • 1970-01-01 00:00:00 – common, unambiguous

    • 1970/01/01 00:00:00 – common, unambiguous

Unsupported Features

  • Timezone Offsets: We do not support timezone offsets at this time.

Intervals

  • The time series component gives the following maximum intervals for meaningful breaks

    • Days: 365 (1 year)

    • Hours: 168 (1 week)

    • Weeks: 260 (5 years)

    • Months: 120 (10 years)

    • Years: 200

Update Behavior

Components can update when a viewer zooms around the map and/or based on filters applied when other components are applied. Within the configuration panel for the Statistic, Bar chart, Histogram and Time series components you can control how metrics update dynamically on the map.

Update based on view

By default, components reflect all data visible on the map, not only the data that’s currently within a user’s view. Enable this setting to update a component as the map is moved.

Update based on other filters

By default, components update when other component filters are applied. Disable this setting to keep a component unaffected by other component filters.

Formatting

To format how numeric metrics are displayed in the Dashboard components, click on the "Default" dropdown to open the format menu for that component's metric.

In this menu you have control over the display of numeric metric, including: how many decimal places are displayed, prefix / suffix units, add numeric formatting, apply rounding logic. These metrics can be converted into percentages or custom format. SeeFormatting for more information.

Last updated

Was this helpful?