Skip to main content
100%

undefined: none

✓ Published0🌍 Public
Aaaizemberg
Last edited Sep 22, 2020
Created on Sep 22, 2020

This sunburst chart visualizes the relative frequency of AWS DynamoDB API operations, with each slice representing a distinct operation such as batch-get-item, create-table, or delete-item. The outer ring segments are proportionally sized, and all slices share the same value, as indicated by the title tooltips. The visualization is rendered in SVG, with operation names placed along the outer edge of the ring for readability.

AI-generated description

Similar vizzes

Loading thumbnail…

Sequences sunburst

This sunburst chart visualizes sequences of user actions on a website, showing the hierarchical distribution of navigation paths and their frequencies. Hovering over a segment reveals its percentage share of the total and displays the action sequence as a breadcrumb trail above the chart. The visualization uses D3 v4’s `d3.partition`, `d3.arc`, and `d3.hierarchy` to compute and render the radial layout, with data loaded from a CSV file. Mouseover interactions fade non-ancestor segments and update the breadcrumb trail, while a legend toggles visibility.

Aanandkrshnn
63% match
Loading thumbnail…

Sequences sunburst

This sunburst visualization uses a D3 partition layout to depict sequences of events, such as website navigation paths, as concentric arcs radiating from the center. Each step in a sequence is represented by a colored arc, with the breadcrumb trail above the chart emphasizing the current path and interactive hover states revealing exact percentages for each segment. The visualization reads a CSV file where each row is a complete path from root to leaf, with steps separated by hyphens and an explicit "end" marker to distinguish true endpoints from truncated ones. A legend toggles the display of step colors, and the center of the sunburst shows the weight of the hovered segment, helping users interpret the radial distortion. The example uses D3 v3, with synthetic data illustrating navigation paths through a website, making it easy to compare visits that start directly on a product page versus those that begin on the home page.

CCBasis
62% 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
62% match
Loading thumbnail…

Total usage

A stacked bar chart displays total usage per operation, with each rectangular segment sized proportionally to its contribution and labeled with absolute values, percentages, and operation codes. The chart uses D3 v5’s `scaleLinear` for positioning and percent calculations, `scaleOrdinal` with `schemeCategory10` for segment colors, and `sum` to compute the overall total. Data is loaded from a local JSON file via `json()`, and the visualization is rendered as SVG, with text elements placed above and within each bar segment.

PPedro Ernesto Tramontina
62% match
Loading thumbnail…

Sequences sunburst

This sunburst chart visualizes sequences of user actions on a website, showing the hierarchical flow of steps from "home" to "product," "search," "account," and other categories. Hovering over a segment fades all unrelated paths and displays the percentage of total visits that sequence represents in a breadcrumb trail. Built with d3.v4, the visualization uses `d3.partition()`, `d3.arc()`, and `d3.hierarchy()` to compute the radial layout from CSV data. The code also includes an animated transition that restores full opacity over one second when the mouse leaves the chart.

MMarcin Hałasa
62% match
Loading thumbnail…

Untitled

This visualization displays a radial, donut-like chart composed of eight concentric arcs, each representing a different data item stacked from a single-row dataset. The arcs are rendered using D3’s `arc` generator, with their inner and outer radii mapped through a linear scale (`scaleLinear`) to encode values, while the start and end angles are fixed to create a partial ring. The SVG is drawn in React, and the stacked data is computed with `d3.stack()`. Each arc segment is assigned a distinct color from a predefined array, producing a nested multi-layered ring visualization.

Ssubratanp
62% match
Loading thumbnail…

Sequences sunburst

A sequences sunburst visualization displays hierarchical data as a radial partition layout, where each arc segment represents a node’s proportional value from CSV data. Hovering over a segment highlights its ancestor path and shows a breadcrumb trail with the percentage of total visits, while other segments fade to 30% opacity. The implementation uses D3 v4’s `d3.partition`, `d3.arc`, `d3.hierarchy`, and `d3.scaleOrdinal` with `d3.schemeTableau10` for color mapping. Interactive mouseover and mouseleave events dynamically update the display, with the total size computed from the root node’s aggregated value.

WW9183907
62% match
Loading thumbnail…

COW - canvas

This example displays a time series of ProvisionedWriteCapacityUnits from an AWS DynamoDB cost optimization dataset, rendered as a scatterplot of circles scaled with D3 scales. It loads JSON data from an S3 bucket, parses timestamps using d3.timeParse, and maps values into SVG coordinates using d3.scaleTime and d3.scaleLinear. Users can brush along the x-axis via d3.brushX, which filters the visible time range and transitions the circles and axis to the new domain.

Ttebanieo
61% match