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

Pointe Ledger bar chart, dark theme: Satin pink and rose stacked bars in a ruled rose black wardrobe ledger.

Pointe Ledger

DarkBar

Satin pink and rose stacked bars in a ruled rose black wardrobe ledger.

  • Rose black#1E1016
  • Satin pink#E8B4BC
  • Performance rose#A94A66
  • Average white#FFFFFF

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 "Pointe Ledger" 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: the wardrobe department's ledger, set in the dark. Deep rose black paper, double ruled headings, figure columns at the right, satin pink bars and a delicate display serif.

Colors (use these exact values):
- Background: #1E1016 (deep rose black).
- Series: #E8B4BC (satin pink) for the main or larger component, #A94A66 (darker rose) for the sub-component drawn from zero. Figure column text for the rose component: #D98FA3.
- Reference line: #FFFFFF, 1.2px.
- Main text: #F3E6E9. Secondary text: #A28790. Ledger rules: #3A2530.

Typography (Google Fonts):
- Italiana 36px for the title, #F3E6E9, stating the finding.
- Manrope for everything else: eyebrow 11.5px 600 uppercase with 3px letter-spacing in satin pink; subtitle 14.5px #A28790; legend 12.5px 600; column heads 10.5px 700 uppercase with 1.6px letter-spacing in #A28790; row names 13.5px 600; secondary row labels 12px #A28790; figures 13px with tabular numerals, totals 13.5px 800; axis labels 11px; footer 11.5px.

Layout:
- 56px margins. Eyebrow at y 58, title at y 106, subtitle at y 136, legend at y 169. Table starts at y 210 with 26px rows.
- Columns: name at x 56, a secondary label at x 176, bars from x 260 to 700, then right-aligned figure columns (component 1 at x 770, component 2 at x 835, total at x 904), separated by 1px #3A2530 vertical ledger rules at x 724, 790 and 852.
- Under the column heads, a double rule (two 0.8px satin pink lines 3px apart at 60% opacity). Each row ends with a 0.8px #3A2530 rule. Under the total column, a short satin rule and a grand total in 14px 800 satin pink with a small "ALL" label.

Axes and grid:
- A 1px #A28790 zero line at the left of the bars; axis labels under the last row. No vertical gridlines inside the bar area; the ledger rules do that job.

Marks:
- Bar chart: horizontal stacked bars 13px thick, square corners, the darker rose component from zero, then satin pink, separated by a 1.2px #1E1016 gap line. The average or target is a 1.2px white vertical line through all rows with a small "AVG" label above it.
- Line chart: a 2px satin pink line and a 2px darker rose line with small square markers (5px) at each point, figure columns for the last values at the right, and the average as a 1.2px white horizontal line with the same "AVG" label.

Avoid: gradients, glows, rounded bars, bright pinks, pure black, and any font other than the display serif and the one sans.

When you're done, render the chart and check that the figure columns add up to the bar lengths, the grand total is right, the title statement is exactly true for the data, and the title fits inside the right margin.