Recipes

Visual style treatments for your charts — preview them, grab the code, or copy a prompt that tells your agent to restyle the charts you already have.

28 recipes

Backgrounds

Textures that replace grid lines behind the series.

Hatched backdrop

Swap grid lines for a diagonal hatch that fades out over the top and bottom thirds.

Weekend stripes

Drop the grid on daily charts and let faded, hatched weekend columns set the rhythm.

Dot matrix

A soft dot-grid canvas, faded top and bottom, with ring markers on every point.

Skies

Atmospheric glows clipped to the sky above the line.

Sunset sky

An orange horizon fading to dusk mauve, with a golden pool where the line turns yellow.

Aurora sky

Green, teal and violet curtains of light rising off the line into a polar night.

Colour & shape

Fills, palettes, bar shapes and chrome.

Gradient glow

No grid at all — saturated fills that melt into the background.

Monochrome

Ink-only charts: foreground for the headline series, muted for context, dotted guides.

Squircle bars

Columns built from rounded squares over a faded hatch track, with a ring that hugs the top square.

Quiet sparkline

Swap compact charts for sparklines — one path, no grid, no axes — for cards and tables.

Hover & annotations

Custom indicators, event markers and value labels.

Custom indicators

Replace the stock crosshair with your own spring-animated hover indicator built on useChart.

Event markers

Pin launches and incidents to the timeline with icon badges, guide lines and tooltip details.

Diamond annotations

Minimal diamond glyphs above the plot with dashed guides — a tiny custom layer on useChart.

Value labels

Print the numbers on the chart — collision-aware labels that adapt to the width.

KPI sparklines

Stat cards whose big number follows the cursor — hover a sparkline to read any day, or sync a whole row.

Forecasts & ranges

Projections, trend lines and range bands.

Forecast projection

Hand the series off to a dotted gradient forecast ending in a dot at the horizon.