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

Stormwater Night line chart, dark theme: A glowing aqua runoff line against rainfall, with a bioswale inset and peak bracket.

Stormwater Night

DarkLine

A glowing aqua runoff line against rainfall, with a bioswale inset and peak bracket.

  • Night water#0D1C1E
  • Aqua#3FE0D0
  • Rain white#E8EEF0
  • Retention teal#1C5A5A

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 "Stormwater Night" 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 drainage engineer's storm replay on a dark monitoring screen. Deep blue-green water at night, one glowing aqua line, calm annotation and a small technical diagram of the rain garden.

Colors (use these exact values):
- Page: #0D1C1E (deep blue-green).
- Primary series (the result): #3FE0D0 (aqua) with a glow. Comparison series: #E8EEF0 (soft white) at 85% opacity.
- Highlighted period band: #1C5A5A (teal), fading from transparent at the top to 75% opacity at the baseline.
- Grid: #1E3437. Baseline: #3A5457. Inset panel: #10262A fill with a #26464A border. Secondary text: #7F9A9C. Soft text and bracket: #B9CBCC. Title: #F2F6F6.

Typography (Google Fonts):
- Crimson Pro 600 for the title (36px, sentence case, stating the finding) and for the big bracket percentage (40px aqua).
- Outfit for everything else: eyebrow 12px 500 uppercase with 2.6px letter-spacing in aqua; subtitle 15px 300 in #B9CBCC with measure and unit; axis labels 13px #7F9A9C; direct labels 14px 600 in the series colors; band label 11px 500 uppercase with 1.8px letter-spacing in #8FD6CF followed by a 12.5px detail in #B9CBCC; inset caption 10px 500 uppercase; source 12px 300.

Layout:
- 48px margins; eyebrow, title and subtitle at the top left. Plot from x 84 to 900, y 188 to 492. Unit ("mm/h") above the y labels.
- A small inset panel (about 196 x 118, 6px radius) inside the top left of the plot where the data is low: a cross-section of a bioswale with the ground line, a trapezoid swale, ponded water in aqua at 35%, soil media, a gravel layer of small circles, an aqua-ringed underdrain pipe, three thin plant tufts and a few rain strokes, captioned "BIOSWALE SECTION" with a one-line note.

Axes and grid:
- Horizontal 1px #1E3437 grid lines, no vertical grid, a 1px #3A5457 baseline, y labels left and x labels 24px below the baseline.
- The highlighted period is a vertical teal gradient band behind the lines, with a 3px aqua bar (60% opacity) and small end ticks on the baseline, and its label centered under the x axis.

Marks:
- Line chart: the comparison series as a 1.8px soft white monotone curve; the primary series as a 3px aqua monotone curve with round caps and a glow (Gaussian blur 5 merged under the line), over a vertical aqua gradient area (28% to 0%). Mark each series' peak: an outlined 4px dot on the white line and a solid 5px aqua dot. A dashed (3 on, 3 off) 1px #B9CBCC bracket runs from the higher peak across and down to the lower peak, with 10px end caps and the percentage reduction in 40px Crimson Pro aqua beside it, plus "lower peak" and a one-line detail.
- Bar chart: the comparison as thin soft white outlined bars (1.2px stroke, no fill) and the primary as solid aqua bars with the same glow, both square-cornered and about 40% of the band, drawn side by side; keep the teal band, the inset and the peak bracket.

Avoid: a second y axis (both series share one unit), neon on more than one series, bright grid lines, drop shadows on text and a boxed legend (label directly).

When you're done, render the chart and check that the glow is not clipped, the inset sits where the data is low, the bracket percentage equals 1 minus the lower peak over the higher peak, and the band label does not cross any line.