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

Transfer Window bar chart, dark theme: Charcoal ledger of diverging sales and spending bars with a white net line.

Transfer Window

DarkBar

Charcoal ledger of diverging sales and spending bars with a white net line.

  • Charcoal#1A1A1D
  • Sales green#81B29A
  • Spending red#E07A5F
  • Net white#F4F1EA

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 "Transfer Window" 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 club finance ledger on charcoal: a strong grotesque headline, monospace figures like a spreadsheet, muted earthy green and red, and a white net line cutting through.

Colors (use these exact values):
- Background: #1A1A1D. Gridlines: #2C2C31. Alternate period bands: white at 2.5% opacity.
- Inflow (up): #81B29A (sage green). Outflow (down): #E07A5F (muted terracotta red). Net line, dots and zero line: #F4F1EA.
- Secondary text: #8E8C87. Source: #6A6863.

Typography (Google Fonts):
- Epilogue 800 for the headline (32px, -0.8px letter-spacing, stating the net result), Epilogue 500 for the subtitle (14px #8E8C87), legend (12px #F4F1EA) and annotation notes (11.5px #8E8C87).
- DM Mono for every number and code-like label: eyebrow 12px 500 uppercase with 1.6px letter-spacing in #81B29A ("CLUB | TRANSFER LEDGER"), totals at top right 12px 500, axis values 12px with explicit + and − signs, sub-period labels 11px, year labels 13px 500 in #F4F1EA, annotation figures 12px 500 in the series color, source 11px.

Layout:
- 56px margins. Eyebrow y 50 with the totals ("IN £433m · OUT £502m") right-aligned on the same line, headline y 94, subtitle y 122, legend at y 150. Plot x 92 to 904, y 170 to 520, symmetric around zero.
- Sub-period letters (S, W) 16px under the plot, year labels 34px under it, centered on each year's pair of bars; every other year gets a faint full-height band.

Axes and grid:
- 1px #2C2C31 gridlines at symmetric values, labels right-aligned 12px left of the plot. A 1px #F4F1EA zero line.

Marks:
- Bar chart: diverging vertical bars, 26px wide with square corners, inflow up in #81B29A and outflow down from the same zero line in #E07A5F. The net (inflow minus outflow) is a 1.8px #F4F1EA straight-segment line with r 3.6 dots (1.5px background ring) at each period.
- Line chart: two 2px lines (inflow in #81B29A above zero, outflow in #E07A5F mirrored below) with a light 12% area fill to zero, plus the same white net line and dots.
- Record callouts: 1px leader lines in the series color with an elbow, a mono figure ("+£97m in sales") and an Epilogue note ("Record selling window, summer 2022"), placed in empty space so they never cross bars or labels.

Avoid: rounded bars, gradients, glows, bright saturated reds or greens, a second y axis, and proportional fonts for numbers.

When you're done, render the chart and check that the net line equals inflow minus outflow for every period, the headline total matches the sum, callouts point to the true maximums and no label touches a bar.