Sequences sunburst

100%

Sequences sunburst

✓ Published0🌍 Public

Last edited Apr 7, 2023

Created on Jan 26, 2022

This interactive sunburst chart visualizes hierarchical ticket data, showing how thousands of support requests flow from a top-level category through successive subcategories. Hovering over any segment fades all non-ancestral paths and displays a breadcrumb trail with the percentage of the total represented by that sequence. The visualization uses D3 v3’s `d3.layout.partition` and `d3.svg.arc` to compute and draw the radial layout, with the data loaded from a local CSV file. A legend and breadcrumb trail are built with D3 selections, and mouse interactions trigger opacity transitions and updates to the percentage readout.

AI-generated description

apache-2.0 Licensed

Similar vizzes

Loading thumbnail…

Sequences sunburst

This interactive sunburst chart visualizes hierarchical sequences of ICT support ticket categories, showing the distribution of ticket counts across nested portfolio and system classifications. The visualization uses D3.js v3 with the `d3.layout.partition` layout and `d3.svg.arc` to render the radial segments, while mouseover events trigger breadcrumb updates and opacity fading to highlight the current ancestry path. Data is loaded from a CSV file and structured into a hierarchy, with a legend toggled by a checkbox. The central description area displays the percentage each segment represents of the total ticket volume, with animated transitions restoring full opacity on mouseleave.

MMisunoKitara

93% match

Loading thumbnail…

Sequences sunburst

A sequences sunburst visualizes event paths through a helpdesk ticketing system, summarizing navigation routes from a CSV of visit sequences. The interactive chart uses d3.layout.partition and d3.svg.arc to render a radial hierarchy, with a breadcrumb trail and percentage display on mouseover. Hovering highlights the ancestors of a segment and fades others, while the legend can be toggled. Data is parsed from a CSV file into a hierarchical JSON structure for the partition layout, and colors map to step names.

MMisunoKitara

92% match

Loading thumbnail…

Sequences sunburst

This sunburst visualization displays hierarchical sequences of ICT ticket paths, using a D3.js v3 partition layout to show the proportion of visits through different categories and subcategories. The interactive chart highlights a sequence on hover, fading unrelated arcs and updating a breadcrumb trail with the percentage of total events represented. It loads data from a CSV file using `d3.text` and `d3.csv.parseRows`, builds the hierarchy with a custom function, and renders arcs with `d3.svg.arc` and `d3.layout.partition`. A legend toggle and animated opacity transitions enhance the exploration of the event flows.

MMisunoKitara

92% match

Loading thumbnail…

Sequences sunburst

A D3 sunburst visualization shows sequences of ICT support ticket events, with each arc representing a step in a path from the root “ICTS tickets” to leaf categories like “Servicepunt” or “Datacenter.” Hovering over a segment fades non-ancestor paths and displays a breadcrumb trail above the chart, along with the percentage of total sequences that follow that route. The chart loads data from a CSV file using `d3.csv.parseRows`, builds a hierarchy with `d3.layout.partition`, and renders arcs with `d3.svg.arc`. Animated transitions restore full opacity on mouseleave.

MMisunoKitara

90% match

Loading thumbnail…

Sequences sunburst

This sunburst chart visualizes hierarchical sequence data as an interactive radial layout, with each ring segment representing a step in a user journey. Built with D3 v4, it uses a partition layout and arcs sized by value. Hovering over any segment fades all non-ancestor paths and displays a breadcrumb trail above the chart, showing the sequence of steps leading to the hovered node along with the percentage of visits that follow that path. The visualization also includes a toggleable legend and a centered explanation text that updates dynamically. The data is loaded from a CSV file and converted into a hierarchical JSON structure for rendering. Animated transitions are not used; instead, interaction is driven by mouseover and mouseleave events. The example is adapted from Kerry Rodden's block and licensed under Apache 2.0.

EEE2dev

90% match

Loading thumbnail…

Sequences sunburst

This sunburst chart visualizes hierarchical sequences from a CSV of page-access paths, showing the proportion of visits that begin with each sequence. Hovering over an arc highlights its ancestor path in the breadcrumb trail and displays the percentage of total visits it represents, while fading unrelated segments. Built with D3 v4, it uses `d3.partition()`, `d3.arc()`, and `d3.hierarchy()` to compute the radial layout, with colors from `d3.schemeTableau10`. The data is parsed from CSV rows into a tree structure via `d3.csvParseRows()`. Mouseover and mouseleave events drive the interactive highlighting and opacity transitions.

Bbertieip

90% match

Loading thumbnail…

Sequences sunburst

This sunburst diagram summarizes sequences of ICT ticket categories, showing the hierarchical flow of events from an initial category through subsequent subcategories to a final outcome. The visualization uses a D3.js partition layout and arc rendering to display the data, with a breadcrumb trail that emphasizes the selected path and fades non-ancestor segments. Percentages are displayed explicitly in the center to clarify the relative sizes of each sequence, despite the radial distortion. The code imports visit-sequences.csv and builds the hierarchy using `d3.csv.parseRows` and `d3.layout.partition`.

MMisunoKitara

89% match

Loading thumbnail…

Sequences sunburst

This interactive sunburst chart visualizes hierarchical sequences of page visits, using a radial partition layout where each arc represents a path segment and its size reflects visit counts. Hovering over an arc highlights the entire ancestor chain in the breadcrumb trail above and displays the percentage of visits for that sequence. Built with D3 v4, it uses `d3.partition`, `d3.arc`, and `d3.hierarchy` to compute the layout, with colors assigned via `d3.scaleOrdinal` and `d3.schemeTableau10`. Data comes from CSV files parsed with `d3.csvParseRows`.

LLo-ov

89% match