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

Floor Occupancy bar chart, light theme: Horizontal bars drawn as a building section, with slabs and dotted capacity caps.

Floor Occupancy

LightBar

Horizontal bars drawn as a building section, with slabs and dotted capacity caps.

  • Concrete#E9E8E5
  • Occupancy teal#2E8C86
  • Busiest coral#E8715A
  • Slab#6F6B64
  • Capacity#D8D6D1

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 "Floor Occupancy" 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 architect's building section turned into a chart. Concrete-gray paper, each category a floor slab stacked like a real building, quiet teal fill and one coral floor that matters.

Colors (use these exact values):
- Page: #E9E8E5 (light concrete). Floor interiors: #F4F3F1.
- Structure (slabs, walls, parapet, rooftop plant box): #6F6B64. Ground line #262522 with #A3A098 hatching.
- Bars: #2E8C86 teal. The single highlighted category: #E8715A coral, its text labels #C4513B.
- Capacity or target zone behind each bar: #D8D6D1; capacity end cap dotted #262522.
- Title #262522; subtitle #5F5B55; small caps headers and axis numbers #77736B; body labels #3A3834.

Typography (Google Fonts):
- Archivo throughout. Title 700 27px with -0.4px letter-spacing, stating the finding; subtitle 400 15px; legend 500 13px; floor labels 500 14px right-aligned (700 coral for the highlight); column headers 600 11px uppercase with 1.4px letter-spacing; value columns 500 14px; scale numbers 12px; source 12px.

Layout:
- 40px left margin; title at y 58, subtitle at y 86, a one-line legend at y 124 (teal swatch, coral swatch, and a gray capacity chip with a dotted cap).
- The "building" spans x 150 to 700 from y 178 down: one floor per category, 29px floor pitch, top category at the top. Each floor: a #F4F3F1 interior, then a 4px #6F6B64 slab beneath extending 6px past both walls. 6px walls on both sides, a 2.5px parapet with short upstands on the roof, and a small outlined plant box on the roof.
- Right of the building: a "PEAK" column with "value / capacity" and an "OF CAPACITY" column with a 36 x 6 mini meter and the percent.
- The ground line (2px) runs past both walls with 45-degree hatching beneath, then the scale numbers (0, 50, 100 ...) and the unit word.

Axes and grid:
- No gridlines and no y axis: the floors are the rows. The x scale is shown only as numbers under the ground line; set its maximum about 10% above the largest capacity so the capacity caps never hide inside the right wall.

Marks:
- Bar chart: horizontal bars 15px tall inside each floor, starting at zero at the left wall, square ends, teal; the highlighted category coral with its value in 700 13px white just inside the bar end. Behind each bar a #D8D6D1 capacity zone to its capacity, closed by a 2px dotted (2 2) vertical cap.
- Line chart: draw the same building frame and plot each floor's value as a 2.5px teal line running up the section with 5px dots at each floor's value, the highlighted floor's dot coral and larger (r 7); keep the dotted capacity caps as short vertical ticks.

Avoid: rounded corners, gradients, shadows, gridlines, more than one coral item, and bars that don't start at the wall.

When you're done, render the chart and check that the busiest floor in the title is really the largest value, each percent equals value / capacity, every capacity cap is visible, and nothing crowds the roof.