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.

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.

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

Strip the chrome — no grid, no axes, tight margins — 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.

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.

Trend line

Quiet the raw series and lay a bold gradient line of best fit across it.

Range band

Wrap the series in a soft gradient envelope with dashed bounds that fades at the edges.

Heatmaps

Contribution-calendar looks.

Dot calendar

Round cells, quarter dividers that fade at both ends, and single-letter day labels.

Less
More

Workweek focus

Start weeks on Monday and fade the weekend rows so the working week leads.

Less
More

Pie & ring

Donuts, rings and linked legends.

Patterned slices

Hatch every slice in its own direction — readable without relying on colour alone.

Linked legend

A legend beside the chart that shares its hover state — highlight from either side.

Direct420
Search310
Social190
Referral140