Skyline Chart

ui

A day-by-time grid whose cells rise into columns. Seen from straight above it is an exact heatmap, and colour repeats every height so nothing is lost when it is flat. Tilt it up to see the shape of the week. The busiest cell is the one ember column.

pnpm dlx shadcn@latest add "https://caliperui.site/r/skyline-chart.json"

Sign In

Skyline Chart

ui

A day-by-time grid whose cells rise into columns. Seen from straight above it is an exact heatmap, and colour repeats every height so nothing is lost when it is flat. Tilt it up to see the shape of the week. The busiest cell is the one ember column.

pnpm dlx shadcn@latest add "https://caliperui.site/r/skyline-chart.json"

styles

components/ui/button.tsx

styles

components/ui/button.tsx