domains / families / design / data-dashboard

data-dashboard

separate

Build a dense, data-heavy screen - an analytics console or a trading terminal - with real charts drawn from tokens: candlestick, volume, depth, stacked area, waterfall, scatter, correlation matrix, donut, gauge, sparklines, heatmaps and order books. Use when the request is a dashboard, terminal, monitoring view, data console, or any screen whose job is to show many numbers at once. Covers the layout sequence, the SVG geometry, the accessibility contract per chart type, and the contrast traps that only appear in dark mode.

When to use

• analytics console
• trading terminal
• monitoring view
• data console
• candlestick charts
• volume charts
• depth charts
• stacked area charts

When not to use

• screens not designed to show many numbers at once

Skill page

Source