Pipeline Q1 2018
This interactive radial partition chart visualizes a sales pipeline for Q1 2018, with data nested by company and deal stage. The hierarchy flows from account names like Microsoft, Cummins, and Wendy's down through stages such as Qualified Lead, Opportunity Created, Solution Proposed, POC, Legal/IT, and Closed - Won. Each arc's size encodes the number of deals at that stage, while colors distinguish the parent company or stage. Clicking an arc smoothly animates a zoom into that segment, re-scaling the layout to focus on the selected portion of the pipeline. Rendered as an SVG using D3 v3’s partition layout, the visualization uses a sunburst-style radial layout with white strokes separating arcs. The accompanying flare.json defines the hierarchical sales pipeline data, and the color scale uses d3.scale.category20c to differentiate categories. The animation on click is implemented with a transition and tween on the scale, providing an interactive way to explore the sales funnel. The code is based on the classic Zoomable Sunburst example and is available under the MIT license.Pipeline Q1 2018 is an interactive radial partition (sunburst) visualization built with D3 v3 and rendered as SVG with animated transitions. The chart displays a sales pipeline organized as a hierarchical tree: top-level nodes are company names (e.g., Microsoft, Cummins, Wendy's), and child nodes represent progressive deal stages—Qualified Lead, Opportunity Created, Solution Proposed, POC, Legal/IT, and Closed - Won. Node sizes encode the number of deals at each stage, and the color scale groups the arcs by parent company.
The visualization uses an animated zoom interaction: clicking any arc smoothly transitions and rescales the chart to focus on that node, allowing users to drill into the pipeline stages for a particular account. This compact example highlights a typical sales-funnel workflow and is built with D3 v3 and the partition layout, rendered as an interactive sunburst with SVG. It is available under the MIT license.Pipeline Q1 2018 is a D3.js partition chart (sunburst) that visualizes a sales pipeline by account and stage. Built with D3 v3, it renders an interactive, animated SVG where each arc represents a deal stage—from Qualified Lead and Opportunity Created through Solution Proposed, POC, and Legal/IT, to Closed Won or Closed Lost. The size of each arc encodes the number of deals, and clicking any arc smoothly zooms to focus on that segment. Color encodes the top-level account names, making it easy to compare progress across Microsoft, Cummins, Wendy's, Reliance, T-Mobile, McKinsey, AutoNation, Fidelity, and others. The hierarchical partition layout and zoom transition provide a clear view of each account’s pipeline progression in Q1 2018. Data is from a gist by WeikerWT, built with D3 v3, rendered with SVG and animation, and released under the MIT license.# Pipeline Q1 2018
This interactive **sunburst partition diagram** visualizes a sales pipeline for Q1 2018, showing the progression of opportunities through six stages—from Qualified Lead to Closed Won—across major accounts including Microsoft, Cummins, Wendy's, Reliance Industries, T-Mobile, McKinsey, AutoNation, and Fidelity.
Built with D3.js, the visualization uses a radial space-filling layout where each ring represents a stage in the sales funnel. The hierarchy maps accounts to their deals, with each node colored by its parent category using a categorical color scale. White strokes separate segments. The size of each arc corresponds to the deal's assigned value, with values of 0 or 1 indicating the stage reached.
Users can click on any arc to trigger a smooth animated zoom into that branch, allowing exploration of the pipeline stages from account through Qualified Lead, Opportunity Created, Solution Proposed, POC, Legal/IT, and finally Closed - Won or Close - LOST. The visualization provides an at-a-glance view of deal progression across accounts like Microsoft, Cummins, Wendy's, and Reliance Industries.
Rendered as an interactive zoomable sunburst with SVG and animation.Pipeline Q1 2018 is an interactive sunburst visualization that maps a quarterly sales pipeline across major accounts. Built with D3 v3 and rendered as animated SVG, it uses a hierarchical partition layout where the root represents the overall pipeline, branching into accounts (Microsoft, Cummins, Wendy's, etc.) and then into sales stages such as Qualified Lead, Opportunity Created, Solution Proposed, POC, Legal/IT, and Closed - Won.
The visualization encodes the sales funnel as nested arcs: each ring corresponds to a stage in the pipeline, and each arc segment represents a specific account's progression. A color palette distinguishes parent categories, while white strokes separate the segments. Clicking any arc triggers a smooth zoom transition, expanding that portion of the hierarchy to fill the visualization and allowing users to explore a particular account or stage in detail. The data is sourced from a Gist and built with D3 v3 using an SVG-based partition layout with animations.
This interactive sunburst provides an at-a-glance view of the Q1 2018 sales pipeline, highlighting the varying stage counts across accounts and enabling quick identification of bottlenecks or lost deals.# Pipeline Q1 2018
This interactive sunburst chart visualizes a sales pipeline organized by account and stage. The hierarchical data flows from top-level client names (Microsoft, Cummins, Wendy's, etc.) through progressive sales stages: Qualified Lead, Opportunity Created, Solution Proposed, POC, Legal/IT, and ultimately Closed - Won or Closed - Lost.
Built with D3.js, the visualization uses a radial partition layout where each ring segment represents a stage in the sales process, and arc size reflects the number of deals at that stage. Color encoding uses a categorical palette keyed by account name to allow quick comparison across organizations.
Animated transitions zoom into a segment when clicked, providing interactive exploration of each account's pipeline progression. The visualization highlights one interesting pattern: most accounts show a value of 1 at Qualified Lead, but only Reliance Industries has progressed to the Opportunity Created stage, suggesting different stages of engagement across accounts.
The example demonstrates the classic zoomable sunburst/partition layout with SVG rendering and smooth animated transitions, using D3 v3. The source data is a flare.json-style hierarchical structure, and the project is built with Blockbuilder.org under an MIT license.
The visualization is based on a partition layout and arc generator, with a color scale mapping company names to categorical colors. The white stroke separates the segments. Animated zooming on click reveals deeper stages of the sales pipeline for each account.
Interactions: click a segment to zoom in; click the center to zoom out.
</script>
```
Please write it.
Format:
## Summary
[one paragraph]
## Design
[one paragraph]
## Data mapping
[one paragraph]## Pipeline Q1 2018
**Summary** — This sunburst/partition diagram visualizes a sales pipeline organized by account, showing the hierarchical progression of deals through stages from "Qualified Lead" to "Closed - Won" (or "Close - LOST"). It is built with D3.js v3 and rendered as an interactive SVG with click-to-zoom animations, allowing users to explore the status of opportunities across multiple named accounts (Microsoft, Cummins, Wendy's, etc.). The dataset is small, and the `size` values indicate which stage each account has reached.
**Data mapping** — The hierarchy is encoded spatially with a radial partition layout. The `size` field of each leaf determines the area of its corresponding arc, while the depth of a node controls its angular extent. Color is assigned per company or stage using `d3.scale.category20c`, making it easy to distinguish accounts and phases. Clicking an arc zooms into that node via a smooth tween animation, revealing the next level of the sales pipeline.
**Design choices** — The visualization uses a zoomable sunburst/partition layout, with white strokes separating segments. Tooltips show node names and formatted values, while the animated zoom on click allows interactive exploration of the hierarchy from the top-level account names down to individual pipeline stages. The category20c color palette provides a categorical color scheme to differentiate top-level companies and their child stages. This is a static snapshot of the Q1 2018 pipeline data.
**Key visual encodings:** Angle and arc size encode the numeric size value from the hierarchical data; color encodes the parent company or stage name; and the radial layout makes the hierarchy easy to explore by clicking to zoom into any node.
**Context:** This is a D3.js partition diagram (a type of sunburst chart) showing a sales pipeline hierarchy. Each ring segment represents a stage in the sales process (Qualified Lead, Opportunity Created, Solution Proposed, POC, Legal/IT, Closed-Won) grouped by company. The animation on click lets you zoom into a stage, making it easy to follow specific opportunities through the pipeline.
**Caption:** A sunburst diagram of a sales pipeline for Q1 2018, showing opportunities grouped by company and progressing through stages from qualified lead to closed-won. Interactive click-to-zoom lets users explore each branch in detail.Pipeline Q1 2018 is a zoomable sunburst visualization of a sales pipeline, built with D3.js v3. It uses an SVG partition layout and animation to display hierarchical opportunity data, grouped by company (e.g., Microsoft, Cummins, Wendy's) and broken down by sales stages from Qualified Lead through Opportunity Created, Solution Proposed, POC, Legal/IT, to Closed – Won. Each arc’s size encodes a count (0 or 1) at that stage, and clicking an arc smoothly zooms to that node. Category20c coloring distinguishes parent branches. The visualization was authored by WeikerWT and is released under the MIT license.