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

Holographic bar chart, dark theme: Iridescent foil pills with a sheen band and a soft chromatic glow on black.

Holographic

DarkBar

Iridescent foil pills with a sheen band and a soft chromatic glow on black.

  • Background#07060B
  • Pink foil#FFB3E6
  • Lilac foil#C7B8FF
  • Cyan foil#9BE7FF
  • Mint foil#A8FFD8
  • Lemon foil#FFF1A8

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 "Holographic" 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: iridescent holographic foil on black. Soft pastel rainbows that shift across the marks, a cool sheen, a faint chromatic glow; futuristic but restrained.

Colors (use these exact values):
- Background: a radial gradient centered at 82% x, 10% y: #1A1030 to #0C0A14 (55%) to #07060B.
- Foil gradient (userSpaceOnUse, one gradient shared by all marks, running diagonally about 380px right and 260px down, spreadMethod reflect): #FFB3E6 0%, #C7B8FF 18%, #9BE7FF 36%, #A8FFD8 54%, #FFF1A8 72%, #FFC9B8 90%, #FFB3E6 100%.
- Text: #F2EEFF (title, values), #D9D6E8 (labels), #8C87A6 (subtitle, notes), #6E6A82 (scale), #5E5A74 (source).

Typography (Google Fonts):
- Unbounded: title 27px weight 300, letter-spacing -0.3px; values 14px 400 (lead value 16px 500 filled with the foil gradient); source 10px 300 uppercase, 2.2px letter-spacing.
- Manrope: subtitle 15px 500, category labels 15px 500 (lead 700), scale 11px 500, note 12px 500.

Layout:
- Title top left, subtitle under it, then a 120 x 2px foil underline. Category labels left-aligned at x 56; marks start at x 252. Source bottom left, a one-line finding bottom right.

Axes and grid:
- Vertical hairlines at each tick in #FFFFFF at 6% (the zero line 14%), labels below the plot. No axis lines, no boxes.

Marks:
- Bar chart: horizontal pills 26px tall, fully rounded, 47px apart, on faint full-length tracks (#FFFFFF at 2.8%). Each pill stacks five layers: the shared foil gradient; a diffraction pattern of 1px #FFFFFF lines at 22% every 5px rotated -58 degrees; a diagonal sheen band (a userSpaceOnUse gradient: transparent, #FFFFFF 70%, 15%, 45%, transparent, over a narrow stretch) that crosses all bars at a slant; a vertical depth gradient (#FFFFFF 35% at the top to 0 at 45%, then #3A2A6B 28% at the bottom); and a 1px #FFFFFF inner stroke at 55%. Values sit 14px past the end of each pill.
- Line chart: a 6px round-capped line stroked with the foil gradient plus the diffraction and sheen layers clipped to the stroke, over an area filled with the foil at 18% opacity fading to 0; points as 10px foil discs with a 1px white ring. Additional series use the same foil at 55% opacity with a 2px dash pattern 1 5, so they differ by texture, not hue.
- Chromatic glow: a copy of all marks filled with the foil, blurred 12px, at 40% opacity, underneath.

Effects:
- The title gets a subtle chromatic aberration: a #FF7AD9 copy offset 1.2px left and a #6FE3FF copy offset 1.2px right behind the #F2EEFF text.

Avoid: saturated neon, a single flat hue per bar, heavy glows, gridlines across the bars, and dark text.

When you're done, render the chart and check that the rainbow visibly shifts from bar to bar, the sheen band reads as one continuous slant, the glow isn't clipped, and every label is readable at thumbnail size.