Funnel Area Chartv1.0.3
Use this Skill to create infographic.
5.00 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Funnel Area Chart is a ready-to-paste data visualization, delivered as editable source with its usage example. It ships with charts drawn through one charting layer, not hand-rolled SVG and a canvas-rendered backdrop that runs without a WebGL library. Colour, type and radius live as tokens you edit once for the whole block.
Picked most often by
Updated Aug 29, 2026
Preview gallery
Runs in
Generates with
Host Agent LLM
User reviews
Loading reviews…
What you get
- The full source for Funnel Area Chart — the component file plus a runnable usage example, ready to paste and edit.
- A written visual contract: palette, type scale, radius, icon stroke and motion timings, all as tokens you edit in one place.
- Chart configuration handed over as plain data — swap in your own series and the charting layer handles the rest.
Good fit
- You need a data visualization on a page and would rather not wire up a charting library.
- You want the chart palette and spacing to match the rest of the page.
- You want readable source you can edit, not another dependency to keep upgraded.
Not for
- Teams already running a mature design system — this palette and type scale will fight yours.
- Anyone wanting a versioned npm package; this hands you source to maintain yourself.
- Charts needing live streaming data or virtualised scrolling over very large sets.
Client & Executive ReportingResearch Publishing & Technical DocsDigital Publications & Web PagesCreate InfographicCreate UI VisualsBuild Website PageEditable OutputVisually PolishedBeginner-friendlyWarm NeutralTeal AccentGenerative Backdrop
About this Skill

What you need before you start
- Dependencies
- ECharts — required
- Last tested
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
