Shivrangi

@shivrangi·2 public vizzes

D3 v5 Zoomable Sunburst

This D3 v5 zoomable sunburst visualizes a hierarchical dataset, using colored arcs to represent nested categories from the flare data loaded via the Observable standard library. Clicking an arc animates a zoom into that node, with transitions driven by `d3.arc` interpolation and `transition.attrTween` to smoothly reshape arcs and labels. The SVG rendering uses `d3.partition`, `d3.hierarchy`, and ordinal color scales, with visibility logic filtering arcs and text based on computed angular and radial bounds.

Nov 7, 2019

Loading thumbnail…

Cars Report

This example displays the makes of cars from a small, hard-coded dataset defined in `cars.js` as a JSON array and parsed with `JSON.parse`. The visualization focuses on a single data point, retrieving the `make` of the second car (BMW) and displaying it as large text in the browser. It uses D3 v5 from a CDN to load the page, while the message is set directly via JavaScript DOM manipulation with `getElementById` and `textContent`, styled with an external CSS file that applies the Ubuntu font.

Nov 7, 2019