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

Clause Deviation bar chart, light theme: Redline bars with struck gray old values and double-underlined red new ones.

Clause Deviation

LightBar

Redline bars with struck gray old values and double-underlined red new ones.

  • Paper white#FFFFFF
  • Redline red#B91C1C
  • Struck gray#8C8F94
  • Ink#1F2328

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 "Clause Deviation" 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 tracked-changes contract review. Clean white paper, black text, and red redline markup used as the chart's visual language: struck-out old values, double-underlined new ones and a red change bar in the margin.

Colors (use these exact values):
- Page: #FFFFFF.
- Redline red: #B91C1C for the bars, inserted values, the dek's inserted word, the margin change bar and annotations.
- Struck gray: #8C8F94 for struck-out values, comparison ticks, the eyebrow, axis labels and the source line.
- Ink: #1F2328 for the title, category labels and the value axis line. Vertical gridlines: #E6E3DF.

Typography (Google Fonts), lining figures (font-variant-numeric: lining-nums):
- Crimson Pro: title 600 36px ink, sentence case, stating the finding; annotations 600 italic 16px red.
- Noto Sans: eyebrow 11px 600 uppercase with 2px letter-spacing in gray; dek 15px ink; category labels 14px ink right-aligned; inserted values 14px 700 red; struck values 13px gray with line-through; legend 12.5px; axis labels 12px gray; source 12px gray.

Layout:
- 56px left margin. Eyebrow at y 50, title baseline y 92, dek y 120, legend y 156, plot from y 188.
- A 3 x 62 px red change bar at x 36 beside the title block, like a tracked-changes margin marker.
- The dek is written as an edit: one word struck through in gray, followed by its replacement underlined in red (for example "whose clause text ~matches~ departs from the standard template").

Axes and grid:
- Value axis along the bottom with percent labels every 20 points, 1px #E6E3DF vertical gridlines, a 1.2px ink axis line at zero, no horizontal gridlines.

Marks:
- Bar chart: horizontal square-cornered red bars 16px tall in 38px rows. For each row, a 2.5px gray vertical tick 26px tall at the comparison value (prior period or the standard baseline). At the end of each row, the value as a tracked change: the comparison value in 13px gray with line-through, then 10px later the current value in 14px 700 red with a double red underline (two 1.1px lines, 4 and 7px below the baseline).
- Line chart: a 2.5px red line for the current series with 4px red dots; the comparison series as a 1.5px gray line with a single 2px gray strike mark across each point; end labels as the same tracked change (struck gray old value, double-underlined red new value).

Labels and annotation:
- Legend: a 22 x 12 red swatch, the gray tick, and a sample "55% 62%" tracked change explained as "last year struck, this year inserted".
- One margin comment in red italic serif, led by a 20px red hairline, beside the most notable row (for example "Up 12 points, the sharpest rise").

Avoid: rounded bars, gradients, a second accent color, struck text in red (strikes are always gray, insertions always red) and gridlines behind the labels.

When you're done, render the chart and check that every struck value is legible, the double underlines match the width of their numbers, the ticks sit at the right values, and nothing collides at the ends of the longest bars.