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

Heat Illness line chart, dark theme: Glowing orange visits over a temperature panel, heat alert days burned in red.

Heat Illness

DarkLine

Glowing orange visits over a temperature panel, heat alert days burned in red.

  • Warm charcoal#1E1714
  • Hot orange#F07A2A
  • Pale yellow#F2E3A0
  • Alert red#D9362B

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 "Heat Illness" 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 late-night summer heat surveillance bulletin. Dark warm charcoal, a glowing hot orange line of emergency visits, a thin pale yellow temperature trace in its own slim panel below, and heat alert days burned in translucent red through both.

Colors (use these exact values):
- Page: #1E1714 (warm charcoal).
- Primary series and eyebrow: #F07A2A (hot orange).
- Companion series (temperature) and its panel label: #F2E3A0 (pale yellow).
- Alert shading and threshold lines: #D9362B, at 14% opacity for the lower alert level and 58% for the higher, so the two levels read clearly apart.
- Title and labels: #F3E9DF. Secondary text and axis: #A8988A. Gridlines: #3A2F2A.

Typography (Google Fonts): Fjalla One for everything (it has a single weight; use size and color for hierarchy).
- Eyebrow 13px uppercase, 2px letter-spacing, orange. Title 31px #F3E9DF stating the finding with numbers. Subtitle 14px #A8988A, 0.3px letter-spacing.
- Panel labels 12px uppercase, 1.4px letter-spacing, colored like their series. Axis labels 12px. Callout 15px plus a 12.5px detail line. Legend 12.5px.

Layout:
- 48px margins. Eyebrow y 56, title y 98, subtitle y 126.
- Main panel from y 176 to 392; companion panel from y 432 to 516, sharing the x axis (x 86 to 900). Month labels under the lower panel. Legend row at y 562 (a count of alert days on the left, the keyed thresholds on the right), source at y 584.
- Never put a second measure on a right-hand axis. Give it its own slim panel with its own left-hand scale.

Axes and grid:
- 1px #3A2F2A horizontal gridlines at round values in each panel, labels right-aligned in #A8988A (degree sign on temperatures). The main panel's zero line is #A8988A.
- Alert thresholds drawn as 1px dashed #D9362B lines (3 on, 3 off) in the temperature panel.
- Alert shading: merge consecutive days at the same level into a single rectangle spanning both panels (no seams between days).

Marks:
- Line chart: the main series is a 2.8px #F07A2A line with straight segments over a glow copy (6px, 45% opacity, Gaussian blur 4). The companion series is a 1.5px #F2E3A0 line with no glow. The peak gets a 5px orange dot with a 2px page-colored ring and a two-line label set well to its right, joined by a short 1px leader, so no text touches the falling line (value, then date and temperature).
- Bar chart: daily bars in #F07A2A (square corners, about 70% of the band) with the same red alert shading behind them, the companion measure as its own slim bar or line panel below, and the peak bar labeled.
- Legend: "HEAT ALERTS" in 12px uppercase gray, then a 14px swatch per level (the shading color at its opacity with a 1px red outline) and its threshold ("Advisory, 34°C+", "Warning, 37°C+").

Avoid: a secondary y axis, cool colors, gradients on the background, glow on anything but the main line, labeling every heat wave.

When you're done, render the chart and check that the shading lines up with the days that crossed each threshold, the averages in the title are computed from those days, the glow is not clipped, and both panels share exactly the same x positions.