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

Tilt Inflation line chart, light theme: Graphite tilt trace over soft orange and blue phase bands with a scale bar.

Tilt Inflation

LightLine

Graphite tilt trace over soft orange and blue phase bands with a scale bar.

  • Cream paper#F7F4EC
  • Graphite#34322D
  • Inflation orange#F2D3B3
  • Deflation blue#C9DCEB
  • Eruption red#C8341F

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 "Tilt Inflation" 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 volcano observatory bulletin figure. Quiet, exact and legible: a graphite trace on cream paper, phases shaded in soft warm and cool washes, with a scale bar instead of a numbered y axis, the way field geophysicists draw deformation records.

Colors (use these exact values):
- Page: #F7F4EC (pale cream) for the whole canvas.
- Data line, axis and primary ink: #34322D (dark graphite). Title ink #26231E.
- Rising or "up" phases (inflation): #F2D3B3 (soft orange) as full-height background bands. Phase labels on them in #A8672F.
- Falling phases (deflation): #C9DCEB (soft blue) bands. Change labels for those phases in #3F6C92.
- Event markers: #C8341F (signal red) for triangles, their labels and their thin guide lines.
- Secondary text #7A746A; footer rule #D8D1C2.

Typography (Google Fonts):
- Merriweather 700 for the title, 25px, #26231E, sentence case, stating the finding.
- Noto Sans Mono for everything else: subtitle 13px #7A746A with measure, unit and period; legend 12px; month labels 12px uppercase with 1px letter-spacing; phase labels 11px 600 uppercase with 1px letter-spacing; event labels 10.5px 600 red; change labels 11px 600; source 11px.

Layout:
- 56px side margins. Title baseline near y 66, subtitle near y 96, a one-row legend near y 132 (12 x 22 px swatches for each band color, a short 1.8px line sample, a red triangle).
- Plot area from x 72 to 872, y 168 to 500. The phase bands fill the plot area full height and tile it edge to edge with no gaps.
- A vertical scale bar in the right margin (x about 904): a 1.6px graphite line with 10px end caps, spanning exactly one round unit (10 microradians here), labeled "10" (12px 600) and the unit below it, with a small "UP" above to show direction.
- A 1px #D8D1C2 rule above a one-line source note at the bottom.

Axes and grid:
- No y-axis line, no y labels and no horizontal gridlines: the scale bar carries magnitude.
- A 1.2px graphite baseline with 6px ticks at period boundaries; period labels centered between ticks.

Marks:
- Line chart: a single 1.8px #34322D line with straight segments and round joins, drawn over the bands. Label each completed rising phase with its duration at the top of its band (e.g. "61 DAYS"), the current one "ONGOING". Beside the bottom of each fall, a change label such as "-17.1 µrad" in #3F6C92. Event onsets: a 12 x 12 px red triangle sitting on the baseline, a 0.8px dotted (2 on, 3 off) red guide line up through the plot, and a short red label to its right ("E1  3 MAR").
- Bar chart: slim graphite bars (#34322D, about 55% of the band, square corners) over the same full-height soft orange and soft blue phase bands behind them; event triangles on the baseline between bars; no value labels except for the largest change, and the same right-margin scale bar in place of a y axis.

Avoid: gridlines, a numbered y axis, saturated fills for the bands, heavy borders, rounded corners, gradients and shadows.

When you're done, render the chart and check that the bands tile the plot exactly with no gaps, every event triangle sits on the baseline at its onset, the scale bar length equals exactly the labeled amount on the chart's y scale, and phase durations and change labels match the data.