arydob

@arydob·2 public vizzes

Untitled

This example shows a collapsible tree diagram of a small hierarchical dataset with four labeled nodes. Users can click nodes to expand or collapse their children, triggering smooth animated transitions of the SVG links and circles. The code uses `d3.hierarchy`, `d3.tree`, and `d3.selectAll` with transition methods to update node positions and draw curved diagonal paths. Node and link styling is applied via CSS classes, with collapsed nodes rendered in lightsteelblue.

May 17, 2021

Loading thumbnail…

viz learning

This example shows a minimal web page displaying a single SVG circle element centered within an HTML5 document. The page uses inline CSS to center and scale the body text to a large font size, while the `index.html` file contains a 960 by 500 pixel SVG canvas with an incomplete circle element. It demonstrates basic HTML structure combined with CSS styling, and the rendering relies on the browser’s native SVG support through the `<svg>` tag. The code references a React Starter template, but the actual implementation is plain static markup.

May 15, 2021