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

Delinquency Watch line chart, dark theme: Charcoal risk monitor with amber, orange and red lines that thicken with severity.

Delinquency Watch

DarkLine

Charcoal risk monitor with amber, orange and red lines that thicken with severity.

  • Charcoal#16181C
  • Amber#F7D46A
  • Orange#F0883A
  • Red#DC2F55
  • Fog#ECEDEF

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 "Delinquency Watch" 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 credit-risk monitor on a charcoal screen. Severity escalates in both color and weight, from amber through orange to red, under a dotted policy limit. Calm, serious, built to be read at a glance in a risk meeting.

Colors (use these exact values):
- Background: #16181C (charcoal). Hairline footer rule: #1D2025.
- Series in order of severity: #F7D46A (amber), #F0883A (orange), #DC2F55 (red).
- Primary text and the policy limit line: #ECEDEF. Secondary text: #8C9199. Gridlines: #2A2E35; zero line and ticks: #4A4F58.
- Highlighted period band: #FFFFFF at 7% opacity with its label in #B5B9C0.

Typography (Google Fonts), Geologica for everything:
- Title 600, 30px, -0.4px letter-spacing, #ECEDEF, stating the finding.
- Eyebrow 500, 12px uppercase, 2px letter-spacing, #8C9199, preceded by a 4px red dot.
- Subtitle 300, 15px, #8C9199. Axis labels 400 to 500, 12.5px. Small caps labels (limit line, band, column header) 600, 10.5 to 11px uppercase, 1.4 to 1.6px letter-spacing.
- End value boxes 700, 14px in the background color; series names beside them 500, 12px in the series color. Source 300, 11.5px.

Layout:
- 56px left margin. Eyebrow at y 60, title at y 102, subtitle at y 130.
- Plot from x 80 to 792 and y 196 to 510. The right 150px holds the value boxes.
- A 1px footer rule at y 552, source line at y 576.

Axes and grid:
- Horizontal gridlines only, 1px #2A2E35, labeled "2%" right-aligned 12px left of the plot; the zero line in #4A4F58.
- Small 4px ticks every third period, labels only at the start and at each new year ("Jan 2025"), and at the final period.

Marks:
- Line chart: straight segments with round joins and caps, weight rising with severity: 1.6px, 2.6px and 3.8px. End each line with a dot (radius stroke width plus 1.4). A 1px leader in the series color runs from the dot to a 62 x 24 box (3px radius) filled with the series color holding the latest value in charcoal text, with the series name to its right. Nudge boxes apart so they sit at least 40px apart vertically.
- Bar chart: grouped square-cornered bars in the same three colors, the heavier severity series slightly wider (for example 10, 12 and 14px), with the latest values in the same colored boxes at the right end of the chart area.

Labels and annotation:
- Policy limit: a full-width 1.2px #ECEDEF dotted line (1.5 on, 4 off, round caps) with an uppercase label just above its left end.
- Program period: a full-height band with its uppercase name centered near the bottom of the band.
- A small uppercase header above the value boxes naming the latest period.

Avoid: glows, gradients, area fills, a legend box, thin lines for the most severe series, and pure black backgrounds.

When you're done, render the chart and check that line weight clearly increases with severity, the value boxes never overlap, the policy line label is legible, and the title's peak value matches the data.