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

Store Analytics line chart, light theme: A white shop dashboard with top-seller thumbnails, KPI tiles and a promo band.

Store Analytics

LightLine

A white shop dashboard with top-seller thumbnails, KPI tiles and a promo band.

  • Leaf green#2E9B6A
  • Promo mint#E6F4EC
  • Last year gray#A3ACA6
  • Ink#1C2421
  • Card 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 "Store Analytics" 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 overview screen of a friendly ecommerce admin. White cards on a barely-green gray page, rounded corners, calm type and one soft green accent. It should feel like a shop owner's dashboard, not a trading terminal.

Colors (use these exact values):
- Page behind the card: #F4F6F4. Card and tiles: #FFFFFF with a 1px #E4E8E5 border.
- Primary series, KPI deltas and the brand mark: #2E9B6A (leaf green).
- Highlighted period band, delta pills and the logo disc: #E6F4EC (promo mint).
- Comparison series (previous year): #A3ACA6, dashed.
- Title and values: #1C2421. Labels and subtitle: #6B746F. Axis labels and footnotes: #98A09B. Gridlines: #EEF1EF, baseline #E4E8E5.
- Thumbnail placeholders: #F1F5F2 tiles holding simple flat product glyphs in #9BB5A6 with green details.

Typography (Google Fonts):
- DM Sans throughout, tabular figures (font-variant-numeric: tabular-nums) for every number.
- Eyebrow: 11px 600 uppercase, 1.4px letter-spacing, #6B746F, beside a 22px green-on-mint logo disc.
- Title: 21px 700, -0.3px letter-spacing, stating the finding. Subtitle: 13.5px 400 with measure, unit and period.
- Section label ("Daily orders"): 14px 700. Legend: 12px 600. Axis labels: 11.5px 500. KPI label 12.5px 600, KPI value 25px 700 with -0.6px letter-spacing, delta 11px 700.

Layout:
- One white card inset 20px from the canvas edge, 14px radius, soft shadow (0 1px 1px and 0 6px 12px of #1C2421 at 5%).
- Header at the top left (eyebrow, title, subtitle) with a 170 x 32 date-range picker (8px radius, calendar icon, chevron) at the top right.
- Below the header a full-width strip (60px tall, 10px radius) of six "top seller" cells separated by faint vertical rules: a 40px rounded (8px) thumbnail placeholder, the product name in 12.5px 600 and "1,284 sold" in 11.5px #6B746F.
- Chart on the left two thirds (about 600px wide). A right column 212px wide holds three stacked KPI tiles (96px tall, 10px radius, 12px apart): revenue, orders and average basket, each with a mint pill holding a small green up triangle and the change, and "last year" comparison right-aligned in #98A09B.
- Footer line at the bottom: "Source: ..." left, "Updated ..." right, 11.5px #98A09B.

Axes and grid:
- Horizontal gridlines only, 1px #EEF1EF, at 3 or 4 round values; y labels right-aligned 12px left of the plot.
- Baseline 1px #E4E8E5 with 4px tick marks at each x label. First and last x labels align to the plot edges.

Marks:
- Line chart: the current series as a 2.5px #2E9B6A smooth (monotone) line with round caps, over an area fill fading from #2E9B6A at 16% to 0. The comparison series is a 1.8px #A3ACA6 line dashed 5 on 4 off. A highlighted date range (a promotion) is a full-height #E6F4EC band behind everything, labelled at its foot in 10px 700 green uppercase with 1.2px letter-spacing plus the dates in 10.5px. The peak gets a 4.5px green dot with a 2px white ring and a dark #1C2421 tooltip chip (6px radius, white 11.5px 600 text).
- Bar chart: slender columns in #2E9B6A with 4px top corners, the comparison period as a narrower #A3ACA6 column (or hollow dashed outline) behind each one, the promotion columns sitting on the same #E6F4EC band.

Labels and annotation:
- Legend inline in the section header row: a short green stroke "2026", a dashed gray stroke "2025", and a mint swatch naming the promotion.

Avoid: dark mode, saturated or multiple accent colors, heavy borders, 3D, drop shadows on marks, and product photos (keep thumbnails as flat placeholders).

When you're done, render the chart and check that the KPI deltas are computed from the data shown, the title's percentage matches the promotion days against the same days last year, the thumbnail strip names don't touch the divider rules, and the tooltip chip fully contains its text.