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

Catalyst Yield bar chart, dark theme: Pastel grouped bars on teal-gray with the winning condition outlined in white.

Catalyst Yield

DarkBar

Pastel grouped bars on teal-gray with the winning condition outlined in white.

  • Teal gray#142022
  • Mint#6FD6B0
  • Amber#F2B544
  • Soft blue#7FA8E8

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 "Catalyst Yield" 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 chemistry team's optimization-screen dashboard. Dark teal-gray, three soft pastel series, condensed labels, and one winning condition called out with a white outline.

Colors (use these exact values):
- Page: #142022. Text: #E8F0EE. Secondary text: #86A09C. Gridlines: #22343A.
- Series: #6FD6B0 (mint), #F2B544 (amber), #7FA8E8 (soft blue), at 88% opacity except the winning mark at 100%.
- Highlight outline and callout: #FFFFFF.

Typography (Google Fonts):
- Pragati Narrow throughout. Title 700 33px #E8F0EE stating the winner and its value. Subtitle 400 17px #86A09C with measure, unit, conditions and a count of results beating the benchmark.
- Legend names 700 16px. Group labels 700 19px, with a 15px #86A09C descriptor under each. Y tick labels 15px. Callout value 700 26px white with "BEST" 700 12px letter-spaced #86A09C under it. Benchmark label 700 12.5px uppercase with 1.2px letter-spacing at 75% opacity.

Layout:
- Title at x 40, y 58; subtitle at y 88; legend row of 12px rounded chips (2px radius) at y 112.
- Plot from x 84 to 910 and y 160 to 488. Six groups, each three 30px bars with 5px gaps, centered in its slot.
- "Source: illustrative data" 14px bottom left, run conditions note 14px bottom right.

Axes and grid:
- Horizontal gridlines every 20 units, 1px #22343A, no vertical grid. A 1.2px #86A09C baseline. No y-axis line. Bars start at zero.

Marks:
- Bar chart: grouped vertical bars with 3px rounded top corners. The single best value gets a 2px white outline offset 3.5px around the bar (5px top radius) and its value printed above. A faint dashed benchmark line (1.2px #E8F0EE at 55% opacity, 6 on 5 off) runs across the full plot above the bars, labeled at its left end where it clears the bars.
- Line chart: 2.5px lines in the three series colors with 4px dots, the best point ringed by a 2px white circle (r 9) with its value above, and the same dashed benchmark line.

Avoid: printing every value (only the winner), shadows, gradients, bright saturated colors, heavy borders and a light background.

When you're done, render the chart and check that the outlined bar really is the maximum, the benchmark count in the subtitle is correct, and the benchmark label touches no bar.