ShinyaHosoyamada

@ShinyaHosoyamada·2 public vizzes

Fork of HTML Starter

This example shows an interactive tree diagram visualizing a hierarchical data model of actions, children, and parents with attributes. Built with D3.js v3 and React, it renders nodes as blue circles connected by lines, using a tree layout with animated transitions as nodes expand or collapse on click. The data structure contains nested objects with type and name properties, while SVG rendering and D3’s hierarchy and tree APIs handle positioning and updates.

Sep 11, 2022

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal setup for starting new work with D3 version 7, clearing any existing page content and displaying an initially disabled pair of buttons for adding child elements or removing them. The code loads the full D3 library from the unpkg CDN and uses the `select` function from 'd3' to target the body element, setting its text to an empty string. The page’s inline CSS styles the body for centered, large-type display, suggesting a blank canvas for further visualization development.

Sep 11, 2022