Forgeline:
A Lead-Gen Funnel Dashboard, Built by Prompting an AI Agent
A fictional B2B SaaS dev-tool dashboard: hand-coded D3.js v7, seeded synthetic data, dark theme, and panel-by-panel iteration with GitHub Copilot CLI.
Leads stall quietly.
Teams often know top-line lead volume, but not where buyers slow down — or why some convert fast while others disappear for months.
What teams need to see
- Where leads drop between stages
- Which intent signals predict purchase
- How long each segment takes to convert
- Which follow-up motions deserve priority
A dashboard that makes intent visible.
Forgeline shows the funnel, segment mix, time-to-convert, and weekly trend in one dark, interactive view.
funnel stages
intent segments
self-contained file
Conversion rate and speed by intent
| Segment | Volume | Conversion | Median speed |
|---|---|---|---|
| Researching / Lurking | 47% | 1.3% | ~85 days |
| Actively Scheduling Demos | 26% | 8.5% | ~38 days |
| Narrowing (3 platforms) | 18% | 27.7% | ~22 days |
| Final-stage (referral/demo) | 9% | 48.3% | ~7 days |
Customer intent drives both conversion rate and conversion speed.
Final-stage referral/demo
converts in about a week. High intent, short path, direct sales motion.
Researching / Lurking
takes roughly three months and rarely buys. Educate, nurture, and avoid over-spending.
The faster segments are also the better-converting segments.
Scale runs left to right from 0 to 100 days. Bars approximate segment spread; labels show median time-to-convert.
Frame the outcome: one dashboard, one fictional product, one clear insight.
Ask the coding agent to create a complete working artifact, not just snippets.
Build a single self-contained HTML dashboard for a fictional B2B SaaS dev tool called Forgeline. Use D3.js v7, seeded synthetic data, a dark theme, and show how lead intent changes funnel conversion and time-to-convert.
Pin the house style: dark panels, compact KPI row, gradient header, slate text.
Constrain delivery: no build step, no external slide framework, no real data.
Match the dark D3 house style: #0b0f19 background, #111827 panels, #1e293b borders, slate text, and accents #38bdf8, #a78bfa, #22c55e. Keep it as one HTML file and disclose that the data is synthetic.
Specify the seeded model and exact headline totals before asking for charts.
Tell the agent what must be true: segment rates, median speeds, and monotonic funnel stages.
Use seeded synthetic leads. The funnel totals must read: Lead Submitted 4,200 → Newsletter 2,849 → Demo Watched 1,797 → Trial 950 → Purchased 507. Segment medians should be about 85, 38, 22, and 7 days.
Iterate panel-by-panel: funnel first, segment chart, time spread, then trend.
Add a segment filter, tune numbers, verify safety, then publish the file.
Add clickable segment chips that filter every panel. Then verify the displayed totals, conversion rates, and synthetic-data disclosure. Do not use real people, real organizations, or environment-specific identifiers.
Be specific
Give exact metrics, labels, and success criteria.
Constrain
Name the stack, file format, palette, and data rules.
Iterate small
Ask for one panel or behavior at a time.
Verify
Request totals, syntax checks, and safety scans.
Give references
Point at files that express the house style.
The dashboard was the artifact. The prompt workflow was the leverage.
Links
Playable dashboard
Open the interactive Forgeline D3 funnel dashboard.
Write-up
Read the companion article about the idea, build process, and insight.
Use ← →, Space, buttons, or click the slide to navigate.