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

Marquee Track bar chart, light theme: Backlit changeable-letter board with loose plastic letters and bars of square tiles.

Marquee Track

LightBar

Backlit changeable-letter board with loose plastic letters and bars of square tiles.

  • Backlit board#FFF8EA
  • Plastic black#141414
  • Cherry red#D7263D
  • Track rail#B9AE98
  • Top glow#FFE7A8

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 "Marquee Track" 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 theater lobby's changeable-letter board, warmly backlit, with black plastic letters pushed into ridged tracks by hand. Friendly, local and legible from across the room.

Colors (use these exact values):
- Surround: #1B1917 around a board inset 16px with a 6px radius.
- Board: warm white #FFF8EA, a vertical gradient from #FFFDF6 at the top to #F8EDD6 at the bottom, plus a glowing top edge: a 70px band of #FFE7A8 at 95% opacity fading to 0.
- Letters and tiles: black plastic #141414.
- Accent: cherry red #D7263D for the leading row only (its label, tiles and value).
- Track rails: a 6px gradient from white to #D9CFBA to #B9AE98, a 0.8px white highlight 2.6px from its top, and a 1.2px #8F846F shadow line under it.
- Secondary letters (subtitle, key, source): #7A6F5C.

Typography (Google Fonts):
- Oswald, uppercase everywhere. Title 30px 600, subtitle 17px 600, category labels 18px 600, values 21px 700, key and source 12 to 13px with 1.6px letter-spacing.
- Set title, subtitle and category labels as loose plastic letters: every letter is its own text element with its real advance width plus 0.1em spacing, nudged up or down by up to about 1 to 1.1px and rotated by up to about 0.9 degrees, seeded so it is stable.

Layout:
- 62px left margin. Title baseline y 84 on a rail at y 90; subtitle baseline y 132 on a rail at y 138 with the tile key ("EACH TILE = 50 SEATS") right-aligned on the same line.
- Rows every 54px, starting with the first baseline near y 190, each sitting on its own rail across the board (x 30 to 930). Labels at x 62, tile runs start at x 362.
- Source at the bottom left in small uppercase.

Axes and grid:
- No axis, no gridlines: the rails are the only structure, one under every line of letters.

Marks:
- Bar chart: horizontal bars built from square tiles, 16px tiles on a 19px pitch (3px gaps), 1.5px corner radius, each tile worth a round unit stated in the key. Draw a partial last tile at its true fractional width. Jitter each tile horizontally by under 0.5px. A white 22% sheen across the top 40% of each run. The value in Oswald 700 21px 10px after the run.
- Line chart: plot the line as a chain of the same 16px square tiles placed at each data point on its row track, joined by a 4px #141414 bar, with the leading series in #D7263D; label values in Oswald 700 at each end, and let the rails serve as the value gridlines.

Avoid: glossy 3D letters, neon, colored rows beyond the one red lead, perfectly regular letter spacing, gridlines, rounded pill bars.

When you're done, render the chart and check that tile counts match the key, the jitter looks hand-set but never makes letters touch, every text line sits on a rail, and the largest value's label stays inside the board.