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

Broadsheet line chart, light theme: Salmon newsprint, a serif headline and labels set right on the lines.

Broadsheet

LightLine

Salmon newsprint, a serif headline and labels set right on the lines.

  • Paper#FFF1E5
  • Ink#33302E
  • Muted#66605C
  • Grid#E6D8CC
  • Series 1#0F5499
  • Series 2#E3336C

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 "Broadsheet" 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 financial newspaper's chart desk. Warm, quiet, authoritative. The headline states the finding and the chart proves it.

Colors (use these exact values):
- Background: #FFF1E5 (salmon newsprint) for the whole chart, including the plot area.
- Ink (headline, labels, baseline, annotations): #33302E. Secondary text (subtitle, axis labels, source): #66605C.
- Gridlines: #E6D8CC.
- Series, in this fixed order: #0F5499 (deep blue), #E3336C (raspberry). For a third or fourth series use #0D7680 (teal), then #96CC28 (lime). Never cycle colors.

Typography (Google Fonts):
- Headline: Source Serif 4, weight 600, 34px, #33302E. Write it as a short declarative finding ("Solar has overtaken wind"), not a label.
- Everything else: Source Sans 3. Subtitle 19px regular #66605C stating the measure and unit. Axis labels 15px #66605C. Series labels 17px weight 600 #33302E. Source line 13px #66605C.
- Annotation text: Source Serif 4 italic, 16px, #33302E.

Layout:
- 48px left margin. A short black rule (64 x 5px, #33302E) sits above the headline, then the headline, then the subtitle.
- The plot starts about 40px below the subtitle and leaves room at the bottom for x labels and a "Source: ..." line at the bottom left.

Axes and grid:
- Horizontal gridlines only, 1px #E6D8CC, spanning the full plot width.
- Y-axis labels sit on the RIGHT edge, right-aligned, vertically centered on their gridline, with thousands separators (1,000). No y-axis line.
- The zero baseline is a 1.2px #33302E line. X-axis tick marks are 6px, #33302E, pointing down from the baseline, with labels under them. Label every other period if they crowd.

Marks:
- Line chart: 3px lines, round joins and caps, straight segments (no smoothing). Mark the last point of each line with a 5px-radius dot in the series color ringed by a 2px #FFF1E5 stroke.
- Bar chart: flat, square-cornered bars in the series colors, about 60% of the band width, with 2px of background between adjacent bars. No outlines.

Labels and annotation:
- No legend box. Label each series directly at or near its end in 17px 600 #33302E text, placed so it never touches a line.
- Add at most one annotation for the key moment: a 9px-radius hollow circle (1.2px #33302E) around the point, a thin 1px vertical leader line, and a short italic serif note ending near the top of the leader.

Avoid: drop shadows, gradients, rounded corners, bold colored backgrounds, legends in boxes, and more than one annotation.

When you're done, render the chart and check that no labels collide, the headline reads as a finding, and the direct labels are unambiguous.