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

School Visits bar chart, light theme: Bold classroom poster with a giant month figure and stacked grade-band bars.

School Visits

LightBar

Bold classroom poster with a giant month figure and stacked grade-band bars.

  • Poster yellow#FFF6D6
  • Orange#F97316
  • Teal#14B8A6
  • Navy#1E3A8A
  • Ink#1C1917

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 "School Visits" 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 bold educational poster on a classroom wall. Warm yellow paper, heavy black headline, a giant month name, three saturated primary-school colors.

Colors (use these exact values):
- Canvas: #FFF6D6 (warm yellow) with a 10px #1C1917 strip across the top edge.
- Series (bottom to top in stacks): #F97316 (orange), #14B8A6 (teal), #1E3A8A (navy).
- Ink: #1C1917. Secondary text: #6B5E45. Gridlines: #E9DDB4. Secondary line (dashed): #78716C.
- The giant month figure is #F97316; the secondary stat numeral is #1E3A8A.

Typography (Google Fonts):
- Chivo throughout. Eyebrow 700 12px uppercase, 2.4px letter-spacing. Title 900 38px, -0.8px letter-spacing. Subtitle 400 15px #6B5E45. Giant month 900 96px, -3px letter-spacing. Hero count 900 54px. Secondary stat 900 40px. Body 14px. Legend 700 13px. Month labels 700 12px uppercase, 1px letter-spacing (the peak month 900 in ink). Value labels 700 12px (peak 900 15px). Bracket label 900 12px, 2px letter-spacing.

Layout:
- 40px left margin. Eyebrow at y 52, title at y 96, subtitle at y 124.
- A left poster column 240px wide: the peak month in giant orange letters, the peak total below, a two-line explanation, a 200 x 3px ink rule, then a secondary share stat with a two-line explanation.
- Legend in one row across the top of the chart area at y 172, with the dashed-line sample last.
- Chart from x 300 to 920, baseline at y 500.

Axes and grid:
- No y axis line. Gridlines 1px #E9DDB4 at round values, labeled at the right end 5px above the line in 11px #6B5E45.
- A 2px #1C1917 baseline. Month labels 22px below it.

Marks:
- Bar chart: stacked vertical bars 34px wide, square corners, a 1.5px gap of background between segments. Total above each bar, 8px up. A season bracket: a 2px ink line spanning the season's bars 30px above the tallest, with 8px down-ticks and the season name centered above it.
- Line chart: 3px lines in the three series colors, square joins, 5px dots with a 2px background-colored ring; the peak month in the giant figure; the same bracket over the season.
- Secondary series: a thin 1.6px #78716C line dashed 5 on 4 off with 3px hollow dots (background fill), labeled directly ("120 camp") above its highest point; say in a footnote if it is excluded from totals. It only spans periods with no bar (or is offset beside the bars) so it never starts inside or cuts across a stacked bar.

Avoid: gradients, shadows, rounded corners, a boxed legend, thin weak type, more than three fill colors.

When you're done, render the chart and check that the giant month really is the peak, the share stat is arithmetically right, the bracket label clears the legend, and stack segments keep their gaps.