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

Silver Bands line chart, dark theme: Nested translucent silver forecast bands around one crisp white median, no color.

Silver Bands

DarkLine

Nested translucent silver forecast bands around one crisp white median, no color.

  • Night#0F0F10
  • Silver#FFFFFF
  • Mist#A3A3A6
  • Smoke#6E6E72

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 "Silver Bands" 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 quiet scientific forecast printed in silver on black. Uncertainty is shown as nested translucent bands, annotated in an elegant serif. There is no color at all.

Colors (use these exact values):
- Background: #0F0F10.
- All marks are #FFFFFF at different opacities. Bands: outer (10th to 90th percentile) at 10% opacity, middle (25th to 75th) adds another 11% on top, inner (40th to 60th) adds 19% on top, so the layers read as roughly 10%, 20% and 35% white.
- Primary text and the median line: #FFFFFF. Secondary text: #A3A3A6. Axis numbers and source: #6E6E72.
- Gridlines: #FFFFFF at 7% opacity, 1px.

Typography (Google Fonts):
- Newsreader italic 400, 32px, -0.3px letter-spacing for the title (stating the finding). Newsreader italic 14px #A3A3A6 for the "Observed" / "Forecast" labels and the column head; Newsreader roman 400, 14.5px for annotations (first line #FFFFFF, second line #A3A3A6).
- Inter 400 for the subtitle (14px #A3A3A6), axis numbers (11.5px #6E6E72) and legend (12px #A3A3A6); Inter 600 13px only if a numeric label needs weight.
- Source in Newsreader italic 13px #6E6E72, right-aligned in the footer.

Layout:
- 56px side margins. Plot from x = 88 to about 724 and y = 150 to 500. The area to the right of the plot (to x = 904) is an annotation column headed by the forecast horizon date in italic.
- Legend row at the bottom: three small 22 x 12 px swatches at 10%, 20% and 35% white labeled with their percentile ranges, a 26px 2px white line labeled "Median", and the source at the right.

Axes and grid:
- Horizontal gridlines only, 4 or 5 of them, labeled with 11.5px numbers to the left. Year labels under 6px ticks at 25% white. No axis lines.
- A dotted vertical rule at "today" (1px, 60% white, dash 1 4, round caps) running the full plot height, with "Observed" to its left and "Forecast" to its right in italic.

Marks:
- Line chart: the observed series is a single crisp 2.25px white line (monotone smoothing). From today the median continues as a 1.5px white line, sitting inside the three nested bands, which start at zero width at today and widen with the square root of the horizon. Today's value is a 4px circle with a background fill and a 1.5px white ring, labeled "51% today" in the serif. At the horizon, short 11px 0.75px white ticks point from the band edges to serif annotations in the right column ("1 in 10 chance / above 54%", "46%, the median", "1 in 10 chance / below 35%"), computed from the data.
- Bar chart: bars as #FFFFFF at 35% opacity for the central estimate, with the percentile ranges drawn as nested translucent bars (10% and 20% white) around each bar top as error ranges, and forecast bars separated from actual ones by the same dotted today rule. Actual bars solid white at 90% opacity.

Avoid: any color, solid grey fills, heavy strokes, markers on every point, sans-serif titles, and dashed forecast lines (the bands already say it is a forecast).

When you're done, render the chart and check that the bands are nested in the right order and widen toward the horizon, the annotations quote numbers that match the band edges, and nothing overlaps the median line.