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

Minute Ratings line chart, light theme: Broadcast research page with a thick blue audience line and gray ad breaks.

Minute Ratings

LightLine

Broadcast research page with a thick blue audience line and gray ad breaks.

  • Page white#FFFFFF
  • Audience blue#1F4E79
  • Ad break gray#EEF0F2
  • Peak red#C8553D
  • Ink#1A1D21

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 "Minute Ratings" 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: the overnight audience research page a broadcaster circulates the morning after a premiere. Crisp white, one heavy deep blue line, quiet gray context bands and precise, factual annotation. Analytical, not promotional.

Colors (use these exact values):
- Page: #FFFFFF.
- Primary series and the header accent bar: #1F4E79 (deep blue).
- Interruption bands (ad breaks, pauses, off-periods): #EEF0F2, with the legend swatch outlined in #D3D7DC.
- Peak marker and its label: #C8553D (the only warm color, used once).
- Ink for titles, axis baseline and the average line: #1A1D21. Secondary text: #5E6670. Gridlines and footer rule: #E3E6EA. Band captions: #8A929C.

Typography (Google Fonts):
- Libre Franklin 800 for the title (27px, -0.4px letter-spacing, #1A1D21, stating the finding with the peak value) and the peak label (15px, #C8553D).
- Source Sans 3 for everything else: eyebrow 12px 700 uppercase with 1.6px letter-spacing in #1F4E79; subtitle 16px 400 #5E6670 with measure, unit and time window; legend 13px 600; y labels 13px #5E6670; x labels 13px 600 #1A1D21 with a second 11px #5E6670 line of clock times; annotation labels 12.5px 600 with a 10px 700 uppercase value line above them (0.8px letter-spacing, #5E6670); band captions 10px 700 uppercase with 1px letter-spacing; source 12px; folio 11px 700 uppercase with 1.6px letter-spacing. Use tabular figures for numbers.

Layout:
- A 6 x 84px #1F4E79 bar at x 48 runs beside the eyebrow, title and subtitle block (text starts at x 68).
- A compact one-line legend under the subtitle: line swatch, dashed average swatch with the average value in its label, and the band swatch.
- Plot area about x 88 to 900, y 182 to 486. Footer rule at y 548 with the source left and a folio ("OVERNIGHT REPORT | P. 3") right.

Axes and grid:
- Horizontal 1px #E3E6EA gridlines at 4 or 5 round values, labels right-aligned 10px left of the plot with the unit suffix ("1.6m").
- A 1.2px #1A1D21 baseline with 6px ticks every 10 units; each tick has the value and, beneath it, the matching clock time.
- Shade interruption periods as full-height #EEF0F2 bands behind everything, captioned "BREAK 1", "BREAK 2" just above the baseline.

Marks:
- Line chart: a 4.5px #1F4E79 line with straight segments, round joins and caps, no dots except at annotated points. The series average is a full-width 1.2px #1A1D21 dashed line (5 on, 4 off). Mark the peak with a 6.5px-radius #C8553D dot with a 2px white ring and a thin 1px #C8553D leader up to its label.
- Bar chart: slim square-cornered #1F4E79 columns about 60% of the band on the same gridlines, with #EEF0F2 bands behind interrupted periods, the average as the same dashed rule across the bars, and the highest bar in #C8553D with the peak label above it.

Labels and annotation:
- Key moments get a 0.9px #5E6670 vertical leader from a 4px-radius white dot with a 2px #1F4E79 ring on the line up to a two-line label: an uppercase value line ("MIN 24  2.00m") and a 12.5px 600 description. Keep labels above the line and stagger their heights so none collide.

Avoid: gradients, area fills under the line, drop shadows, more than one warm accent, rounded bars, legends that repeat what the direct labels already say, and marketing language.

When you're done, render the chart and check that the peak value in the title matches the highest data point, the dashed average is the true mean, the bands line up exactly with their periods, and no annotation label touches the line or another label.