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

Light Trap line chart, light theme: Sepia moth-trap log on paper with pale full-moon columns and a dotted temperature strip.

Light Trap

LightLine

Sepia moth-trap log on paper with pale full-moon columns and a dotted temperature strip.

  • Warm paper#F7F3EA
  • Dark sepia#3A2B1E
  • Moon gray#E4E0D8
  • Night blue-gray#6F7F8C

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 "Light Trap" 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 page from a field station's moth-trapping log, typeset for a naturalist society's annual bulletin. Quiet, warm and scholarly: sepia ink on paper, one honest line, the night sky's rhythm shown as soft gray columns.

Colors (use these exact values):
- Page: #F7F3EA (warm paper) for the whole canvas.
- Main series, title and axis baselines: #3A2B1E (dark sepia). Area under the main line: the same sepia at 7% opacity.
- Periodic context columns (full-moon nights, or any recurring condition): #E4E0D8, running through every panel.
- Secondary measure (temperature or any second quantity): #6F7F8C (cool blue-gray), in its own strip, never on a second axis.
- Secondary text: #7A6D5F. Gridlines and footer rule: #D8D0C2.

Typography (Google Fonts):
- Cardo 700, 34px, #3A2B1E for the title, sentence case, stating the finding.
- Cardo italic 400 for annotations (16px) and the source line (13px).
- Kumbh Sans for everything else: eyebrow 11px 600 uppercase with 2.4px letter-spacing in #7A6D5F; subtitle 15px 400 with measure, unit, period and total; tick labels 12px; strip label 11px 600 with 1.2px letter-spacing in #6F7F8C; month labels 13px 600 sepia.

Layout:
- 56px left margin. Eyebrow at y 50, title at y 92, subtitle at y 120.
- Main panel from about y 168 to 408, full width (x 84 to 900). A secondary strip about 72px tall directly beneath (y 436 to 508) sharing the same x scale, with its own small label above it ("Overnight low, °C").
- Month (or period) ticks under the strip: 8px sepia ticks with the label 6px to the right of each tick.
- A 1px #D8D0C2 footer rule at y 552 with the italic source note below it.

Axes and grid:
- Horizontal gridlines only, 0.7px #D8D0C2 dotted (1 on, 3 off), every 100 units; the zero line is a solid 1px sepia baseline.
- Y labels right-aligned 10px left of the plot. No vertical axis line, no x gridlines.

Marks:
- Line chart: the main series as a 1.8px sepia polyline with straight segments and round joins (nightly data stays jagged, never smoothed), over a 7% sepia area fill. The secondary series as a 1.6px dotted #6F7F8C line (dash 0.1, gap 3.4, round caps, so it reads as a row of dots).
- Bar chart: thin square-cornered sepia bars (about 60% of the band) with the 7% sepia tint as a light plinth behind the whole bar area; context columns in #E4E0D8 behind the bars; the secondary measure as small #6F7F8C dots in the strip below.
- Context columns: #E4E0D8 rectangles spanning two periods either side of each event, drawn behind everything. Above each, a small open circle (r 5.5, paper fill, 1.1px #7A6D5F stroke) as a moon glyph; label only the first one ("Full moon", 11px 500).

Labels and annotation:
- Mark the season peak with a 4px open circle (paper fill, 1.6px sepia stroke), a 0.8px sepia leader angled up-right, and a two-line Cardo italic 16px note ("Season peak, 27 July" / "564 moths in one night") computed from the data.

Avoid: a second y-axis, smoothing noisy nightly data, bright colors, heavy gridlines, drop shadows, sans-serif titles and legends in boxes.

When you're done, render the chart and check that the peak note names the true maximum, the gray columns line up across both panels, the dotted line reads as dots rather than dashes, and nothing sits on the right-hand edge.