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

White Paper line chart, light theme: A government consultation figure set inline as a numbered paragraph on blue-gray paper.

White Paper

LightLine

A government consultation figure set inline as a numbered paragraph on blue-gray paper.

  • Official paper#E9EDF1
  • Civil service navy#1F3A5F
  • Muted green#5E7F5A
  • Ink#1E2428
  • Rule#C3CBD3

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 "White Paper" 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 figure inside a government consultation paper. Numbered paragraphs, a plain emblem, quiet official colors, and a chart that reads as one paragraph of an argument.

Colors (use these exact values):
- Paper: #E9EDF1 (pale blue-gray) for the whole canvas.
- Series 1: #1F3A5F (civil service navy). Series 2: #5E7F5A (muted green). Any third series: #8A7A5C, dotted.
- Text: #1E2428. Secondary text: #5A6570. Rules and gridlines: #C3CBD3.

Typography (Google Fonts): Gelasio throughout (400, 600, 700, 400 italic).
- Department line: 11.5px 600 uppercase, 2.2px letter-spacing, navy, centered. Running heads left and right: 11.5px italic #5A6570.
- Paragraph numbers ("3.13", "3.14"): 14px 600 navy in a left column at x = 72. Body text: 14px #1E2428, starting at x = 128, 21px line height.
- Figure title: 18px 700, "Figure 3.2: " followed by the finding. Subtitle: 13px #5A6570 with measure, unit and period.
- Axis labels 12px #5A6570. End labels 13.5px 700 in the series color with a 12px italic description below. Source note 12px italic.

Layout:
- Header: an emblem placeholder centered at the top (a 20px-radius circle in 1.4px navy, an inner 15px circle in 0.6px navy, a 3px navy dot), the department name below it, running heads on the same baseline at the margins, then a 1px #C3CBD3 rule from x = 72 to 888.
- A numbered body paragraph (two lines) introducing the finding.
- The figure is the next numbered paragraph: its number sits in the paragraph column level with the figure title, like an inline figure. Title, subtitle, then the plot from x = 168 to 736, leaving room for end labels to the right.
- Italic source note below the plot at the body indent, a footer rule, and a centered 12px page number.

Axes and grid:
- Horizontal gridlines only, 0.8px #C3CBD3, labeled at the left (10px gap, right-aligned). The zero or bottom line is 1px #1E2428.
- X labels once per year, left-aligned on 5px tick marks.

Marks:
- Line chart: 2.5px lines with round joins, straight segments. Series 1 solid navy; series 2 muted green dashed 8 on, 4 off. A 4px dot at each line end with a two-line end label ("Option A: 42.0" bold, then the italic description). Mark the shared starting point with a 3.5px ink dot and a small label below it. Annotate a turning point with a 1px leader and a 12px italic label in the series color.
- Bar chart: grouped square-cornered bars, navy then muted green (green bars with a 45 degree 1px #E9EDF1 hatch at 6px spacing so they differ in more than hue), value labels in 12px above each bar, and the legend replaced by a label above the first group.

Avoid: crests or real government symbols, bright colors, drop shadows, boxed legends, sans-serif type, and chart junk. The page must look printed, not like a dashboard.

When you're done, render the chart and check that the paragraph numbers align in one column, the end labels do not collide, the dashed series is clearly distinct from the solid one in grayscale, and the figure title's claim is true for the data.