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

Step Streak bar chart, light theme: Mint and deep green pill bars with goal check marks and a streak badge.

Step Streak

LightBar

Mint and deep green pill bars with goal check marks and a streak badge.

  • Deep green#0B7A55
  • Mint#86E0B5
  • Mint tint#E8F8F0
  • Forest ink#12352A
  • 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 "Step Streak" 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: an upbeat fitness app's weekly recap. Fresh, clean and encouraging: white space, pill-shaped bars in two greens, check marks for wins and a friendly streak badge.

Colors (use these exact values):
- Background: #FFFFFF. Alternate week band: #F7FAF8 (radius 16).
- Goal met: #0B7A55 (deep green). Below goal: #86E0B5 (fresh mint). Badge and check-mark fill: #E8F8F0 (mint tint).
- Ink: #12352A. Secondary text: #6B7F77. Faint axis text: #A9B8B2. Gridlines: #EDF2EF.

Typography (Google Fonts):
- Rubik throughout, tabular figures. Eyebrow 12px 600 uppercase with 1.8px letter-spacing in #0B7A55 ("STRIDE · DAILY STEPS"). Title 30px 600 #12352A with -0.5px letter-spacing, stating the finding ("You hit your goal on 18 of 21 days"). Subtitle 15px 400 #6B7F77 with measure, period, goal and average.
- Weekday initials 13px 500 #6B7F77 (today 700 #12352A). Week labels 12.5px 500. Axis labels 12.5px 400 #A9B8B2. Legend 13px 500.

Layout:
- 56px side margins. Header at top left; a streak badge top right: a 188 x 72 pill (radius 36) in #E8F8F0 with a 1.5px #86E0B5 border and a soft green shadow (0 3px 5px #0B7A55 at 18%), containing a 44px deep-green circle with the streak count in white 22px 700, then "day streak" 16px 600 and "goal met in a row" 12.5px 400.
- Legend row (10 x 18 pill swatches) above the plot. Plot about 270px tall; weekday initials under each bar and a "Week of Sep 1" label centered under each group of seven.

Axes and grid:
- Gridlines 1px #EDF2EF at round values, baseline 1.5px. Y labels left, short form ("4k", "12k").
- Goal line: 1.5px #0B7A55 dashed 6 on 5 with round caps across the plot, and a deep-green pill (52 x 22, radius 11) on the left axis holding the goal value "8k" in white 12px 600.

Marks:
- Bar chart: vertical pill bars 20px wide with fully rounded ends (radius = half the width), deep green when the day meets the goal and mint when it does not. Above every goal-met bar, 18px above its top, a check-mark badge: a r 8.5 circle in #E8F8F0 with a 1.5px green ring and a 2px green check. Label only the best day's value, 12.5px 700, to the left of its check.
- Line chart: a 3px deep-green line with round joins; points meeting the goal get the check-mark badge, points below get a hollow mint dot (r 5, 2.5px stroke); a mint area fill at 25% opacity under the line; the same dashed goal line and pill.

Avoid: flames or fire icons, red for missed days, gradients, harsh borders, and crowding the check marks.

When you're done, render the chart and check that the met-goal count and the streak (consecutive goal days ending on the last day) are right, every goal-met bar has a check and no other bar does, and the goal pill doesn't collide with the axis labels.