Chart Prompts

1,337 ways to dress a line or bar chart, 669 light and 668 dark. Open any chart to see it full size and copy a prompt that gives your own chart the same look.

Every chart uses illustrative data. The prompts work with any coding agent and any charting library; they describe colors, type, spacing and marks precisely enough to reproduce each look.

← More from Emergent Mind Labs

Ridgeline line chart, dark theme: Stacked white profiles on black, each hiding the rows behind, with one row in blue.

Ridgeline

DarkLine

Stacked white profiles on black, each hiding the rows behind, with one row in blue.

  • Black#000000
  • Line#FFFFFF
  • Muted#8A8A8A
  • Accent#4FC3FF

Prompt for your coding agent

Paste it with your chart's code. It restyles your data to match this chart.

Restyle my chart in the "Ridgeline" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a stark stacked-profile plot in the manner of a classic radio-signal album cover. Dozens of thin white lines on black, each one hiding the lines behind it, with calm minimal typography and a single row picked out in one accent color.

Colors (use these exact values):
- Background: #000000. Profiles: #FFFFFF. Secondary text and axis labels: #8A8A8A. Ticks and the source line: #4D4D4D.
- Accent, used for exactly one row and its label: #4FC3FF.

Typography (Google Fonts): Jost, weights 400 and 500.
- Kicker 13px 500 uppercase with 3px letter-spacing, #8A8A8A.
- Title 33px 400 #FFFFFF, stating the finding, broken over up to three lines with 38px line spacing.
- Subtitle 15px 400 #8A8A8A, measure and unit, 22px line spacing.
- Row labels 12px with 1px letter-spacing, uppercase ("MAR 13"). Axis labels 13px with 1px letter-spacing. Source 11px 500 uppercase with 2.5px letter-spacing in #4D4D4D.

Layout:
- Left column (48px margin, about 280px wide): kicker, title, subtitle, a highlight key (a 28px 2px accent line, the highlighted row's name in 15px 500 accent, one line of detail below in 14px #8A8A8A), a scale bar (a vertical 1.5px white bar with 8px end caps showing a round value, labeled "100 per minute"), and the source at the bottom.
- Right: the ridges from about x 360 to 876, row labels just right of the ridges, time axis below.

Axes and grid:
- No gridlines, no y axis. Label every fourth row at its baseline, plus the last row, in #8A8A8A; the highlighted row's label in the accent at 500.
- X axis: small 6px #4D4D4D ticks under the bottom row with labels centered below.

Marks:
- Line chart: turn each series (or each day, year or group) into one row. Rows are 13px apart; scale the values so the tallest peak rises about five to six row gaps. Draw rows from the back (top) to the front (bottom). For each row, first fill the polygon between the profile and its own baseline (plus 2px) with #000000, then stroke the profile in 1.4px #FFFFFF with round joins, straight segments, no smoothing. That fill is what makes front rows occlude the rows behind them; don't skip it. The highlighted row uses a 2px #4FC3FF stroke.
- Bar chart: draw each row as a skyline of thin vertical bars (1px gaps) filled #000000 with a 1.4px white top edge, in the same stacked, occluding arrangement; the highlighted row's edge in the accent.
- Use 25 to 40 rows. Fewer rows lose the effect; if the data has fewer groups, use small multiples of the same geometry.

Avoid: color fills, gradients, gridlines, glow, more than one accent row, smoothing that erases the jagged detail, and heavy type.

When you're done, render the chart and check that each row truly hides the ones behind it (no lines showing through a peak), that the highlighted row is the one the key names, and that nothing is clipped at the top of the first row.