EswarHariKumar

@EswarHariKumar·2 public vizzes

Fork of D3.js collapsible tree with boxes

This interactive D3.js v3 visualization displays a hierarchical tree of service nodes, such as an adminserver-broker with its associated concentrators and log decoders, using collapsible boxes that expand and contract on click. Each node is color-coded by type and includes details like IP address, version, and link direction. The tree is rendered as SVG with smooth animations and uses the `d3.layout.tree` API to compute node positions, alongside jQuery for interactivity. Node colors and tooltips provide additional context about each service component.

Mar 6, 2021

Loading thumbnail…

Fork of Collapsible Tree Version 1

This example shows an interactive collapsible tree visualization of the Flare dataset, where nodes can be clicked to expand or collapse their children. Built with D3 v6, it uses a hierarchical layout (`d3.tree`) and horizontal links drawn with `d3.linkHorizontal`. The SVG rendering includes smooth transitions between states, and the view supports zooming via `d3.zoom`. Node positions update with animated transitions, and the data is loaded from a JSON file using `d3.json`.

Feb 27, 2021