# Dashboard Design Patterns

> Academic catalog of design patterns for dashboards

- Category: Data & charts (`data`)
- Official: https://dashboarddesignpatterns.github.io/patterns.html
- Wunderlust: https://wunderlust.xyz/r/dashboard-design-patterns
- Image: https://wunderlust.xyz/media/dashboard-design-patterns-poster.jpg
- Video preview: https://wunderlust.xyz/media/dashboard-design-patterns.webm
- Added: 2026-11-05

## What it is

Dashboard Design Patterns is a catalog from the University of Edinburgh (Design Informatics and VisHub) with patterns for dashboard components and composition.

## What it’s for

For deciding a dashboard's structure, layout, visual representations and use of color from existing patterns.

## Benefits

- Component patterns: data information, metainformation, visual representations and interactions
- Composition patterns: screen space, structure, page layout and color
- Cheatsheets to download

## Caveats

- The entries don't follow a fixed problem-and-trade-off template; that lives in other sections of the site.

## Similar on Wunderlust

- [Bklit UI](https://wunderlust.xyz/r/bklit-ui.md): Chart and data visualization library, with skills for agents
- [ApexCharts](https://wunderlust.xyz/r/apexcharts.md): JavaScript library for interactive charts in web apps
- [From Data to Viz](https://wunderlust.xyz/r/from-data-to-viz.md): Decision tree for choosing the right chart for your type of data
- [ColorBrewer 2.0](https://wunderlust.xyz/r/colorbrewer.md): Sequential, diverging and qualitative palettes, with accessibility options
- [Storytelling with Data](https://wunderlust.xyz/r/storytelling-with-data.md): Books, workshops and a blog on data communication and visualization
- [shadcn/ui](https://wunderlust.xyz/r/shadcn-ui.md): Accessible, customizable components for building your own design system