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

High Contrast line chart, dark theme: Pure black, luminous inks, heavy axes and a distinct dash and shape per line.

High Contrast

DarkLine

Pure black, luminous inks, heavy axes and a distinct dash and shape per line.

  • Black#000000
  • Signal yellow#FFE600
  • Cyan#00E5FF
  • White#FFFFFF

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 "High Contrast" 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: an accessibility-first high contrast mode. Pure black, luminous inks, heavy strokes and redundant encoding everywhere: every series differs by color, dash pattern and point shape, and every value label sits on a solid knockout.

Colors (use these exact values):
- Background: #000000.
- Series, in this order: #FFE600 (bright yellow), #00E5FF (cyan), #FFFFFF (white). Each exceeds 12:1 contrast on black.
- All text, axes and ticks: #FFFFFF. No grays, no transparency.

Typography (Google Fonts):
- Title: Lexend 700, 32px, white, stating the finding.
- Everything else: Atkinson Hyperlegible. Subtitle 19px 400 (measure, unit, place, period). Legend labels 18px 700 in their series color. Tick labels 17px 400. Knockout value labels 18px 700 white. Footer 16px.

Layout:
- 56px margins. Title, subtitle, then a legend row about 36px under the subtitle.
- Legend items: a 52px sample of the line in its dash pattern with the point shape in the middle, then the label; about 36px between items.
- Plot from x 100 to 820; leave the right 80px for end value labels. Footer with the source on the left and "Every line has its own dash and point shape" on the right.

Axes and grid:
- No gridlines, no fills. Heavy white axis lines only: a 4px left axis and a 4px baseline, square caps. 3px white tick marks 10px long on both axes. Y axis starts at zero.

Marks:
- Line chart: 4px lines with round joins. Series 1 yellow solid with filled circles (r 7); series 2 cyan long dash (16 on, 8 off) with hollow squares (13px, black fill, 3.5px cyan stroke); series 3 white short dash (4 on, 8 off) with filled diamonds (18px across). A shape on every point. At each line's end, a value label in a knockout box: black fill, 2px outline in the series color, 4px radius, white text.
- Bar chart: square-cornered bars, series 1 solid yellow, series 2 black with a 4px cyan outline and cyan diagonal hatching, series 3 solid white, 4px black gaps between adjacent bars; value labels in the same knockout boxes above each bar.
- Highlight one key point with a focus ring: a 4px black ring at r 15 inside a 4px white ring at r 18, a 3px white stem up to a knockout label with a white outline stating the value in words ("Aug peak: 58,400 riders").

Avoid: gradients, glows, shadows, fills under lines, gray text, thin strokes under 3px, color as the only encoding, and any text placed directly over a line.

When you're done, render the chart and check it in grayscale and under a deuteranopia simulation: each series must still be identifiable by dash and shape, every label must sit on a black knockout, and nothing should fall below 7:1 contrast.