JavaDummy4

@JavaDummy4·2 public vizzes

EaseID

A node-link diagram shows the network structure of the Kenneth Rainin Foundation, with a central node connected to child nodes and leaf nodes representing related entities. The visualization uses d3.forceSimulation with forceManyBody, forceLink, and forceCenter to position nodes, while SVG circles, lines, and text render the graph. Colors are generated from a palette in colors.js, and drag interaction lets users manually reposition nodes.

Dec 21, 2021

Loading thumbnail…

Fork of a model

This visualization presents a hierarchical dataset as an indented tree layout rendered with SVG. The root node, labeled "bruh," branches into a deep structure of numeric values, and each node displays its name as text with a font size that decreases with depth. The code uses d3.hierarchy and d3.tree to compute the layout, while linkHorizontal generates the curved paths connecting parent and child nodes. Pan and zoom interactions are enabled through d3.zoom, applying transforms to a group element. The styling uses a green stroke for links, a serif font, and text shadows for readability. Data is loaded from the JSON file data.json.

Dec 21, 2021