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

Rate Alert line chart, light theme: A mint money app card with a green rate line, coral target and bell toast.

Rate Alert

LightLine

A mint money app card with a green rate line, coral target and bell toast.

  • Mint#E9F7F1
  • Deep green#0F7B5F
  • Coral#F0695A
  • Ink#10231C

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 "Rate Alert" 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 friendly money-transfer app telling you your rate alert fired. Soft mint around a rounded white card, big tabular figures, one deep green line and a coral target that gets crossed.

Colors (use these exact values):
- Canvas: #E9F7F1 (soft mint). Card: #FFFFFF.
- Main line, latest value pill, active selector segment: #0F7B5F (deep green). Area under the line: #0F7B5F fading from 16% opacity at the top of the plot to 0% at the baseline.
- Target line, target pill, bell marker, toast accents: #F0695A (coral). Toast icon tile: #FDE8E5; toast border: #F4D4CF.
- Ink: #10231C. Secondary text: #6B7F77. Gridlines: #E4EEE9. Selector track: #EEF5F1. Change badge: #DDF3EA background with #0F7B5F text.

Typography (Google Fonts):
- Urbanist for everything, with tabular figures (font-variant-numeric: tabular-nums) on every number.
- Title 29px 700, -0.4px letter-spacing, #10231C, stating the finding ("Aurel crossed your 1.3850 target on Aug 24"). Subtitle 16px 500 #6B7F77 with measure, unit and period.
- Hero latest value 50px 700, -1px letter-spacing, right aligned in the header. Change badge text 14px 700.
- Pair label 15px 600 muted; legend 14px 600; selector 13px (600 idle, 700 active); axis labels 13px 500-600 muted; pills 12.5px 700 white; toast title 16px 700, toast detail 12.5px 500 muted; footer 12px 500.

Layout:
- Card inset 28px from the canvas edges, 28px corner radius, soft shadow (0 10px 32px at 8% of #0F5A46 plus a 1px hairline shadow).
- Header row: two overlapping 13px-radius currency coins (green and coral, white initials, 2.5px white ring on the second) followed by "AUR to PLO · rate alert". Title and subtitle below. Hero value and a 26px-tall pill badge ("+3.2% · 60D" with a small up triangle) at top right.
- Above the plot: legend on the left (solid green stroke "Rate", dashed coral stroke "Your target"), and on the right a segmented range selector: 34px-tall fully rounded #EEF5F1 track with segments 1W 1M 2M 3M 1Y, the active one a filled #0F7B5F pill with white bold text and a tiny drop shadow.
- Plot fills the card width with the value axis on the right.

Axes and grid:
- Horizontal 1px #E4EEE9 gridlines only; no vertical grid, no axis lines.
- Value labels on the right, right aligned, 4 decimals. Omit any label a pill would cover.
- Date labels under the plot at 5 evenly spaced positions (first left aligned, last right aligned).

Marks:
- Line chart: a 3px #0F7B5F line with straight segments, round joins, over the fading green area. Target as a 2px coral line dashed 6 on 5. Latest point: 5.5px green dot with 2.5px white ring inside an 11px 16% green halo, joined by a 1.5px dotted leader to a 56 x 24 green value pill on the axis; a matching coral pill carries the target value.
- Where the line first closes at or above target, place a 13px coral circle with a 3px white ring and a white bell icon (dome, small clapper dot, tiny top nub). Connect it with a 1.5px coral leader to a toast: white 212 x 58 card, 14px radius, 1px #F4D4CF border, drop shadow 0 6px 18px at 14% ink, containing a 32px #FDE8E5 rounded tile with a coral check mark, "Target reached" and the date and rate. Put the toast in empty space so it never covers the line.
- Bar chart: rounded-top bars (6px radius) in #0F7B5F on the white card with the same gridlines and right axis, bars that clear the target drawn full green and bars below it at 35% opacity, with the dashed coral target line, the target pill and the bell plus toast on the first bar that reaches the target.

Avoid: dark mode, heavy borders, vertical gridlines, more than two hues, serif type, crowding the toast against the line.

When you're done, render the chart and check that the target is crossed where the bell says, the toast covers no data, the percentage change matches first and last values, and all numbers use tabular figures.