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

Collar Tracks line chart, dark theme: Night-green telemetry trace in pale lime under a row of weekly moon phases.

Collar Tracks

DarkLine

Night-green telemetry trace in pale lime under a row of weekly moon phases.

  • Night green#0E1A14
  • Pale lime#C5E27A
  • Event amber#F2C66D
  • Moonlight#E6EBD3
  • Dotted grid#2E4A3A

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 "Collar Tracks" 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 GPS telemetry panel from a wildlife tracking project, read at night. Deep forest-dark ground, a pale lime trace that glows without any blur, and a row of moon phases like a field almanac.

Colors (use these exact values):
- Background: #0E1A14 (night green).
- Main line: #C5E27A (pale lime), also the eyebrow color. Area fill: a vertical gradient of #9FC25A from 42% opacity at the top of the plot to 3% at the baseline.
- Event highlight: #F2C66D (warm amber) for the bracket and its heading.
- Moon glyphs: lit part #E6EBD3, dark disk #1C2E24 with a 0.8px #4E6B5A outline.
- Ink #E9EFE4; secondary text #8FA597; dotted gridlines #2E4A3A; baseline #5C7A68.

Typography (Google Fonts):
- Jost throughout: eyebrow 12px 500 uppercase with 2.4px letter-spacing, fields separated by middle dots; title 32px 600 stating the finding; subtitle 16px 300 #8FA597; tick labels 13px; month labels 14px 500 ink; annotations 13px; event heading 12px 600 with 2px letter-spacing; source 12.5px 300.

Layout:
- 56px side margins. Eyebrow y 54, title y 94, subtitle y 122.
- A moon row at y 164 across the plot width: one glyph (radius 6) per week centered mid-week, a "Moon" label to the left, and a 0.8px #2E4A3A rule 20px below.
- Plot from x 84 to 900, y 214 to 494, source line at y 566 with the day count right-aligned.

Axes and grid:
- Horizontal gridlines every 10 units, 1.2px #2E4A3A dotted (1 on, 5 off, round caps); vertical dotted gridlines at each month start in the same style. Y numbers right-aligned 12px left of the plot, "km" above them. Month labels 6px right of each month line, 24px below the baseline. A 1px #5C7A68 baseline, no y-axis line.

Marks:
- Line chart: daily values as a 1.6px lime line with straight segments and round joins over the gradient area. No markers.
- Bar chart: slim lime columns (1 to 2px gap between them) with the same gradient treatment inside each bar (lime at the top fading down), square-cornered.
- Moon phases: compute the phase from a synodic month of 29.53 days. Draw the dark disk, then the lit shape as a half-circle arc plus an elliptical terminator arc with x-radius r * |cos(2 pi phase)|: lit on the right while waxing, on the left while waning.
- Event bracket: a 1.4px amber bracket 14px above the highest point spanning the event days, 7px end ticks, with an uppercase amber heading and one line of ink detail right-aligned just left of it.
- Before/after context: muted 13px notes giving the average before and after the event, placed in empty areas of the plot.

Avoid: neon blur glows, bright greens beyond the lime, markers on every point, solid gridlines, dual axes.

When you're done, render the chart and check that the moon glyphs match real phase progression (new to full to new about every 4 weeks), the event total in the title equals the sum of the bracketed days, and nothing in the annotation touches the moon row.