Atlas Analytics
The metric that matters, before anything else.
View live demo
Overview
Atlas is a concept analytics dashboard for SaaS founders. I built it as an exercise in restraint — showing the three things that matter today instead of the forty charts most dashboards drown you in.
The Challenge
Data-heavy dashboards are easy to make and hard to make useful. The design challenge was building a clear visual hierarchy — one hero metric, a scannable supporting row — and hand-building the charts to render it.
The Solution
A React dashboard built around a north-star-plus-supporting hierarchy: a hero metric, a scannable supporting row, and hand-built SVG charts including a cohort retention heatmap. All driven by mock data to focus on the UX and the data-viz.
What I built.
Hero metric
A single headline number framed as the thing to care about today.
Cohort heatmap
Hand-built SVG retention heatmap with a tuned colour scale.
Supporting row
A scannable strip of secondary metrics under the hero.
Custom SVG charts
Revenue and trend charts drawn from scratch, no chart library.
Clean data table
Sortable, dense table view with good typographic rhythm.
Responsive layout
Dashboard grid that reflows cleanly down to mobile.
The process.
Hierarchy
Sketched dashboards and cut everything that did not earn its place.
Charts
Hand-built the SVG heatmap and trend charts.
Build
React + Tailwind, mock data, responsive dashboard grid.
The Impact
"Atlas was my exercise in restraint: showing three metrics that matter instead of forty. Hand-building the cohort heatmap taught me most of what I know about data-viz."
Next project