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

Countdown bar chart, dark theme: A radio chart-show top ten with gradient bars, outlined ranks and NEW pills.

Countdown

DarkBar

A radio chart-show top ten with gradient bars, outlined ranks and NEW pills.

  • Night violet#1C0F2E
  • Magenta#E0328A
  • Violet#6A3AD0
  • New yellow#FFD23F
  • Lavender#B9A6E0

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 "Countdown" 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: the weekly chart-show graphic from a pop radio station. Deep violet night, hot magenta to violet bars, big outlined rank numerals, and small chart furniture: movement arrows, last week's rank and yellow NEW pills.

Colors (use these exact values):
- Background: #1C0F2E, with a soft radial wash of #6A3AD0 at 35% opacity from the top center fading to nothing.
- Bars: a horizontal gradient from #E0328A (magenta) at the bar start to #6A3AD0 (violet) at the full-scale end, in user space so longer bars reach further into the violet.
- Text and rank outlines: #FFFFFF. Secondary text (subtitle, last-week ranks, footer, week pill outline): #B9A6E0 (muted lavender).
- NEW pills: #FFD23F with #1C0F2E text.
- The top-three rule: #E0328A glow with a #FF8CC6 1px core.

Typography (Google Fonts):
- Archivo Black for the title (26px, white, stating the finding), the rank numerals (36px, no fill, 1.3px white outline, right-aligned at x 76), value labels (15px, 18px for No. 1) and NEW (11px, 1px letter-spacing).
- Archivo Narrow for names inside the bars (700 16px white), the second line inside bars (400 12.5px white at 82%), the subtitle (16px lavender), last-week ranks (600 13px lavender) and the source (13px).

Layout:
- Title at (40, 50), subtitle at y 78, and a "WEEK 38" outlined pill (100 x 26 px, rx 13, 1.2px lavender) at the top right.
- Ten rows on a 43px pitch from y 116, with 14px of extra space after the top three for the rule. Rank numeral, then the movement column at x 102, then bars from x 176 with the longest 636px wide.
- Footer at y 576: source at left, a spaced station name (Archivo Black 11px, 2px letter-spacing, lavender) at right.

Axes and grid:
- No axes or gridlines. Every bar carries its value label 10px past its end ("8.42M").

Marks:
- Bar chart: horizontal bars 35px tall with 4px corner radius, the gradient fill described above, and two lines of text inside the bar start (12px in): item name on top, secondary name below.
- Line chart: a bump chart with the y axis inverted (rank 1 at top), 3px lines stroked with the same magenta to violet gradient, 10px dots with the outlined rank numeral style for the latest rank at the right end, and item names in Archivo Narrow 700 beside them.
- Movement: a white 12px triangle pointing up (climbed) or down (fell), or a 12 x 3 px bar (unchanged), followed by "LW 3" in lavender. Debuts get a 46 x 20 px yellow NEW pill instead.
- Top-three rule: a full-width horizontal line between rank 3 and rank 4, a 3px magenta stroke blurred with a Gaussian blur of 3.5 (filter region set to the whole canvas) under a crisp 1px #FF8CC6 line.

Avoid: 3D, drop shadows on text, more than one gradient, sorting other than by rank, and cluttering bars with icons.

When you're done, render the chart and check that the outlined numerals are legible, arrows agree with last week's ranks, NEW appears only on debuts, names fit inside even the shortest bar, and the glow is not clipped.