Tell us what works and what could be better. We read every submission.
@adenade·3 public vizzes
This interactive collapsible tree displays the flare software class hierarchy using the Reingold–Tilford layout algorithm. The visualization renders nodes and links as SVG elements, with leaf nodes showing sizes from the flare.json dataset. Users can click on any node to expand or collapse its children, with smooth animated transitions updating the tree layout. The tree uses a tidy radial layout with curved links, white circular nodes with steelblue outlines, and text labels for node names.
This interactive collapsible tree visualizes a hierarchical dataset of the Flare visualization toolkit using a Reingold–Tilford layout. Each node represents a category or class, with the root labeled "flare" and branches for modules like analytics, animate, data, display, flex, physics, and query. Clicking a node expands or collapses its children with smooth animated transitions. Nodes are drawn as white circles with steelblue outlines, and links as light gray curves; node labels appear in small sans-serif text. The tree initially displays the full hierarchy, and collapsing a subtree hides its descendants, allowing users to explore the structure at their own pace. The visualization is rendered in SVG and uses D3's tree layout to position nodes, with click interactions toggling children and animating the updated layout. The dataset is a hierarchical JSON representation of the Flare class hierarchy, where leaf node size values encode the number of bytes of the corresponding class. This block is forked from mbostock's original collapsible tree and is licensed under GPL-3.0.
This interactive visualization displays a hierarchical tree of the Flare data structure, with nodes that can be clicked to expand or collapse their children. The tree is laid out using the Reingold–Tilford algorithm, rendering nodes as white circles with steelblue outlines and connecting parent-child relationships with gray curved links. The visualization is implemented in D3 v3 using SVG, and includes smooth animated transitions as nodes are expanded or collapsed. The node labels are displayed in a 10px sans-serif font, and the layout adjusts dynamically to the visible portion of the hierarchy, allowing users to explore the nested structure of the Flare dataset by clicking on nodes to reveal or hide their children.