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

Monochrome Dev line chart, dark theme: Developer-tool minimalism with hairlines, a dotted grid and keycap legend chips.

Monochrome Dev

DarkLine

Developer-tool minimalism with hairlines, a dotted grid and keycap legend chips.

  • Black#000000
  • Primary#FFFFFF
  • Gray 1#A1A1A1
  • Gray 2#5C5C5C
  • Rule#262626

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 "Monochrome Dev" 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: developer-tool minimalism. Pure black, hairline strokes, geometric type, no color at all. Extremely precise and sparse; every element earns its place.

Colors (use these exact values; grayscale only):
- Background: #000000. Primary series and headline: #FFFFFF. Second series: #A1A1A1. Third series: #5C5C5C (dashed). Secondary text and axis labels: #7A7A7A.
- Hairline rules and chip borders: #262626 (rules) and #333333 (key chips). Chip fill: #0F0F0F.
- Grid dots: #2E2E2E, with every eighth column in #4A4A4A.

Typography (Google Fonts):
- Geist: headline 30px 600 with -0.9px letter-spacing, subtitle 15px 400.
- Geist Mono: everything else. Breadcrumb 13px (last segment 500 in #FFFFFF), legend 12px, axis labels 12px, annotations 12px, source 12px.

Layout:
- A breadcrumb path top left at y 50 ("~/apps/web / bundle-size / main", separators in #5C5C5C).
- Legend on the same row, right-aligned: for each series a 20 x 20px key chip (4px radius, #0F0F0F fill, 1px #333333 border, a 1px inner bottom line to suggest a keycap) holding "1", "2", "3" in 11px 500 white, then a 16px line swatch in the series stroke, then the name.
- Headline at y 96, subtitle at y 124, then a full-width 1px #262626 rule at y 148.
- Plot from about x 88 to 856, y 176 to 492. Another full-width rule at y 540 with a footer below: source left, and right-aligned arrow-key chips ("←" "→") followed by "step deploys" in #7A7A7A.

Axes and grid:
- No axis lines and no solid gridlines. A dotted grid instead: a dot at every x step on every y gridline (0.8px radius #2E2E2E, 1.3px #4A4A4A every eighth step).
- Y labels right-aligned 16px left of the plot, with the unit ("KB") above the top label in 11px #5C5C5C. X labels centered below, sparse (every eighth step plus the last).

Marks:
- Line chart: straight segments with round joins. Primary series 1.75px #FFFFFF, second 1.25px #A1A1A1, third 1.25px #5C5C5C dashed 3/3. Draw from back to front with white on top. End each line with a 2.5px hollow dot (black fill, series stroke) and its final value in 12px Geist Mono in the series color, 10px right of the end.
- Bar chart: 1px outlined bars with 2px top radius; primary series filled #FFFFFF, others outlined in their gray with a #0F0F0F fill; value labels in 12px Geist Mono above.
- Annotate one event with a 1px #444444 vertical line dashed 2/3 and a chip at the top (5px radius, #0F0F0F fill, 1px #262626 border) holding a 3px hollow circle, a short hash-like id in 12px 500 white and a description in 12px #7A7A7A.
- Put the key change in a solid white chip (4px radius) with black 12px 500 text ("−37.1%"), followed by "232.6 → 146.4 KB" in #A1A1A1.

Avoid: any hue, gradients, shadows, glow, thick strokes, filled areas, and decorative icons.

When you're done, render the chart and check that every stroke is crisp at 1x, the chips line up on a shared baseline, and the grid dots sit exactly on the data's x positions.