---
path: docs/dashboards-and-apps/dashboard-components
title: "Dashboard Components"
desc: "Build interactive dashboards with charts, filters, and map controls."
date: "Apr 2, 2026"
---

# Dashboard Components

GISOwl dashboards let you add interactive components alongside your map to build spatial applications and data exploration tools.

## Adding Components

Click the **Dashboard** button in the toolbar to enter dashboard mode. A component palette appears where you can drag widgets onto a sidebar, header, or overlay panel.

## Available Components

### Charts
Create bar, line, pie, donut, and scatter charts from layer attribute data. Charts update dynamically when the map view changes or filters are applied.

### Summary Statistics
Display key numbers: feature count, sum, average, min, max of any numeric column. Updates in real time.

### Filter Controls
Add dropdowns, sliders, checkboxes, and date range pickers that filter layer data when a user interacts with them.

### Legend
A customizable legend panel showing layer colors and symbols.

### Layer Slider
A timeline or range slider that filters features by a date or numeric column. Useful for temporal data.

### Text & Media
Add rich text blocks, images, and links to provide context and instructions.

### Custom HTML
Embed custom HTML/CSS/JavaScript for advanced components. Has access to the GISOwl SDK.

## Layout

Arrange components by dragging and resizing. The dashboard layout is responsive — components stack vertically on narrow screens.

## Interactivity

Components are linked to map layers. Clicking a chart bar can zoom the map to matching features. Adjusting a slider filter updates both the map and other chart components.

## Next Steps

- [Extensions](/docs/dashboards-and-apps/extensions) — Build advanced dashboard components with code.
- [Map Settings](/docs/dashboards-and-apps/map-settings) — Configure map behavior.