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

Katabatic Wind line chart, dark theme: Weather station telemetry with white gust spikes and a wind arrow strip.

Katabatic Wind

DarkLine

Weather station telemetry with white gust spikes and a wind arrow strip.

  • Station dark#121A22
  • Ice blue#9DD2F0
  • Gust white#FFFFFF
  • Peak amber#F0B35A

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 "Katabatic Wind" 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: live telemetry from an automatic weather station on a windswept polar coast. Technical and cold: a pale blue mean line, a bristle of sharp white gust spikes, storm periods shaded like blowing snow, and a strip of direction arrows under the clock.

Colors (use these exact values):
- Page: #121A22 (ice gray-blue dark).
- Primary series: #9DD2F0 (pale ice blue).
- Spikes and storm shading: #FFFFFF (spikes at 62% opacity, storm band at 8%, storm top rule at 50%).
- Peak marker: #F0B35A (amber), used once.
- Ink: #E4EBF1. Secondary text: #7D8C9A. Gridlines: #22303D. Direction strip background: #18232E.

Typography (Google Fonts):
- Tektur throughout. Eyebrow 12px 500 uppercase with 2.2px letter-spacing in #7D8C9A, led by an 8px #9DD2F0 square. Title 30px 600 #E4EBF1 stating the finding. Subtitle 14.5px 400 #7D8C9A. Band labels 11px 600 uppercase with 1.2px letter-spacing. Tick labels 12px; day labels 11.5px. Legend 12.5px. Notes and source 11.5px.

Layout:
- 56px text margin; plot from x 78 to 904, about 276px tall. Legend right-aligned above the plot.
- Under the time axis, a 26px direction strip spanning the plot with a small "DIR" label to its left, then a one-line note explaining the arrows, then the source.

Axes and grid:
- Horizontal gridlines 0.8px #22303D (1.2px at zero), labels right-aligned 10px left of the plot.
- Day ticks (5px) at midnight with day numbers centered in each day, and the month abbreviation at the left end.

Marks:
- Line chart: the mean as a 2.2px #9DD2F0 straight-segment line over a 5px page-colored knockout at 70% opacity. Each hour's gust as a 1px #FFFFFF vertical spike at 62% opacity from the mean up to the gust value. Mark the single highest value with a small downward amber triangle and a 12px 600 amber label.
- Bar chart: thin vertical bars (70% of the band) in #9DD2F0 with a 1px white spike continuing to each bar's peak or maximum value, storm periods shaded the same way.
- Storm bands: a #FFFFFF rectangle at 8% opacity over each storm period with a 2px white rule at 50% along its top and an uppercase label with the duration in the band's lower left.
- Direction strip: one arrow every 6 hours, drawn as a 12px shaft with an open chevron head, rotated to point downwind; #9DD2F0 at 70% opacity and 1.1px normally, solid #FFFFFF and 1.6px during storms.

Avoid: smoothing the mean line, gradients, glows, rounded shapes, more than one warm accent, and a second y axis.

When you're done, render the chart and check that the spikes stay crisp at thumbnail size, the band labels do not touch the lines, arrows point the right way (downwind), and the peak value in the title matches the data.