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

Film Strip line chart, dark theme: One frame per decade on a sprocketed strip, with amber edge codes.

Film Strip

DarkLine

One frame per decade on a sprocketed strip, with amber edge codes.

  • Film base#141414
  • Frame#1D1F22
  • Amber#E3B04B
  • Cool gray#3C434C
  • Sprocket light#44474C

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 "Film Strip" 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 strip of motion picture film laid across a light box. Each period is one frame, a warm amber line runs through the frames, and the margins carry printed frame numbers and edge codes like real stock.

Colors (use these exact values):
- Canvas outside the strip: #0B0B0B.
- Film strip base: #141414. Frames: #1D1F22 with 4px corner radius. Frame dividers: #2E2E2E.
- Sprocket holes: #44474C (lit from behind).
- Data and margin print: #E3B04B (warm amber).
- Gridlines: #3C434C (cool gray). Light text: #E8E4DA. Muted text: #8E949B.

Typography (Google Fonts):
- Oswald for the title: 600, 32px, ALL CAPS, 1.5px letter-spacing, #E8E4DA, stating the finding.
- Courier Prime for everything else: subtitle 400 15px #8E949B; period labels 700 14px #E8E4DA centered at the bottom of each frame; values 700 14px amber at each frame's top left corner; axis labels 400 12px #8E949B; frame numbers 400 11px amber at 80% opacity ("01A", "02A"); edge codes 400 10px amber at 60% opacity ("PS 5247 3120", counting up by 16 per frame); source 13px.

Layout:
- Title at x 48, y 60; subtitle at y 90.
- The strip is a full-width band from y 118 to 540. Sprocket holes: 16 x 11 px rounded rectangles (2.5px radius) on a 26px pitch, 12px in from the top and bottom edges of the strip.
- Frames sit between the sprocket rows (y 168 to 490), from x 64 to 920, one per period with 8px gaps and a 2px divider line centered in each gap.
- Frame numbers centered above each frame in the top margin (y 158); edge codes left-aligned under each frame in the bottom margin (y 510).
- Footer at y 576: "Source: ..." on the left in muted gray and a reel tag ("PALISADE / REEL 1") on the right in amber at 75% opacity.

Axes and grid:
- Horizontal gridlines run straight through all frames: 1px #3C434C, dashed 2 on 3 off, and a solid line at zero. Y labels with a unit suffix ("9s") right-aligned in the 64px left margin. Keep the top gridline below the value labels.
- No vertical grid: the frames themselves are the x axis.

Marks:
- Line chart: a 2.6px amber line with straight segments and round joins, joining one marker per frame, each marker centered horizontally in its frame: an r 5.5 amber dot with a 2px #1D1F22 ring. For several series use amber for the hero and #E8E4DA dashed 4 3 for the others, labeled in the last frame.
- Bar chart: one bar per frame, centered, about 45% of the frame width, filled amber with a 2px top radius, the value in the frame's top left corner as for lines.
- Film grain: a full-canvas fractal noise overlay (base frequency 0.9, 2 octaves, white) at 5% opacity. Subtle; it must not muddy the text.

Avoid: rounded or glowing lines, gradients on the strip, color outside amber and grays, legends in boxes, bright white backgrounds, and heavy grain.

When you're done, render the chart and check that each marker sits in the center of its own frame, sprocket holes are evenly spaced and visible, edge codes and frame numbers are legible but secondary, and the grain is barely perceptible.