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

Large Print line chart, light theme: A spacious slope chart with 20px minimum type and two AAA-contrast inks.

Large Print

LightLine

A spacious slope chart with 20px minimum type and two AAA-contrast inks.

  • Warm white#FFFDF7
  • Deep navy#13294B
  • Strong orange#D55E00
  • Reference line#C9CDD3

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 "Large Print" 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 large-print public health handout for older readers. Calm, warm and generous: very few elements, very big type, two strong inks with AAA contrast, and a plain-language sentence that says what the chart means.

Colors (use these exact values):
- Page: #FFFDF7 (warm white) for the whole canvas.
- Main data ink and title: #13294B (deep navy).
- Highlight ink: #D55E00 (strong orange), only for the one series or category that goes against the trend. These are the only two data colors.
- Secondary text (subtitle, footer): #3F4652.
- The single reference line: #C9CDD3.

Typography (Google Fonts):
- Atkinson Hyperlegible throughout. Nothing smaller than 20px anywhere, including the source line.
- Title: 700, 34px, navy, stating the finding.
- Subtitle: 400, 22px, #3F4652, one plain sentence stating the takeaway.
- Column heads and axis labels: 700, 24px, navy. Category names 22px 400 and values 24px 700 in the mark's color. Footer 20px.

Layout:
- 56px side margins, lots of empty space. Title near the top, subtitle about 38px below it, then roughly 50px of air before the chart.
- Keep the chart compact in the middle of the canvas; do not stretch it edge to edge.
- Footer at the bottom: on the left a 40px sample of the reference line followed by what it marks, on the right the unit and "Source: ...".

Axes and grid:
- No gridlines, no axis lines, no tick labels. Values are written beside the marks.
- Exactly one light reference line (a target or average): 3px #C9CDD3 dashed 10 on, 8 off, explained in the footer key.

Marks:
- Line chart: drawn as a slope chart where possible, two columns about 236px apart with bold 24px column heads. Each line 5px with round caps, straight between points. Large circular endpoints, r 11, with a 3px #FFFDF7 ring. At the left end write "Name  value" right-aligned 26px left of the dot; at the right end write "value  Name" 26px to the right, with the value bold. For a time series with more points, keep 5px lines, dots only on the first and last point, and label the ends the same way. At most five or six lines; color all of them navy except the exception in orange, and draw orange last.
- Bar chart: at most six thick horizontal bars (about 44px tall, 20px apart), square-cornered, navy, with the exception in orange. Category name 22px to the left of each bar, and its value in 24px 700 just past the bar end. The same single dashed reference line, drawn vertically.

Avoid: text under 20px, light gray text, gridlines, legends, more than two data colors, thin lines, small dots, gradients, shadows, italics and dense labels.

When you're done, render the chart at half size and check that every word is still readable, that no labels crowd each other (at least one line height apart), and that the subtitle sentence is true for the data.