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

Bead Kiln bar chart, dark theme: Stacked rounded glass rods in borosilicate tones on charcoal with bead legend.

Bead Kiln

DarkBar

Stacked rounded glass rods in borosilicate tones on charcoal with bead legend.

  • Bench charcoal#1B1A1C
  • Clear#9AA3AE
  • Cobalt#3F63D9
  • Teal#1FA3A0
  • Amber#E59A3A

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 "Bead Kiln" 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 lampwork bench at night. Stacks of borosilicate glass rods in clear, cobalt, teal and warm amber, friendly and tactile, with each segment rounded like a glass rod end and catching a thin line of light.

Colors (use these exact values):
- Page: #1B1A1C (charcoal), with a subtle radial lift to #232125 near the upper center.
- Series, bottom to top: #9AA3AE (clear), #3F63D9 (cobalt), #1FA3A0 (teal), #E59A3A (amber). Their light edges: #DDE3EA, #9EB4FF, #8EE6E0, #FFD49A.
- Title: #F1EEF2. Secondary text: #8F8A93. Totals: #C9C6CC. Gridlines #2A282C, baseline #4A474D. Text inside amber segments: #2A1A08.

Typography (Google Fonts):
- Righteous 32px #F1EEF2 for the title, stating the finding.
- Rubik for everything else: eyebrow 12px 600 uppercase, 2.4px letter-spacing, in amber; subtitle 15px 300 #8F8A93; legend 14px 500; axis labels 13px; totals 13px 500 #C9C6CC; in-segment values 12.5px 700; source 12.5px 300.

Layout:
- 60px margins, header in the top 130px, legend row at about y 152. Plot from about x 104 to 900 and y 186 to a baseline at 492.

Axes and grid:
- Horizontal gridlines 1px #2A282C at round values, baseline #4A474D. Y labels right-aligned 14px left of the plot. Category labels 24px below the baseline.

Marks:
- Bar chart: stacked bars 40px wide (about 60% of the band). Every segment is its own rounded rod: 8px corner radius on all four corners, inset 1.5px at each end so a 3px dark gap separates segments (lengths stay true to the value). Layers per segment: solid color; a horizontal streak gradient (clear at the left edge, white 34% at 22%, clear at 42%, black 18% at the right edge); a 1px light-edge stroke at 75% inset 0.6px. Totals 10px above each stack. Label the segment the title talks about inside each rod in 12.5px 700 dark text.
- Line chart: 4px lines with round caps in the series colors, each with a 1px light-edge line on top, and every data point drawn as a glass bead: a 6px radius disc in the series color with a 1px light edge, a 2px charcoal hole in the center and a tiny white arc highlight at the upper left. Label series at the line ends.

Labels and annotation:
- Legend: round glass beads (8px radius, color fill, 1px light-edge stroke at 70%, a 2.6px charcoal hole, a 1.2px white arc highlight at upper left) followed by the name.

Avoid: square segment corners, touching segments with no gap, bright white text, neon glows, and gradients that change the hue of a series.

When you're done, render the chart and check that the gaps between rods are even, the in-segment labels fit inside even the shortest labeled segment, totals are arithmetically right, and the neutral clear series still reads as glass against the charcoal.