Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Nnai589
Last edited Jul 2, 2019
Created on Jul 2, 2019

This tree visualization shows the hierarchical structure of electronic health records data, branching into categories like volume and regional groupings from South-Eastern to Western Asia. A radial icicle chart lays out the nodes from left to right, with colored paths linking parent and child nodes. The visualization uses d3.js’s `tree`, `hierarchy`, and `linkHorizontal` functions to compute the layout and draw connecting lines, while text labels with a serif font display each node’s identifier from the loaded JSON data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

treee

A hierarchical tree diagram visualizes global health data, organizing countries as parents, disease categories as their children, and individual diseases as leaves. The layout uses a vertical tree structure where nodes are color-coded by depth: orange for countries, blue for categories, and green for diseases. Custom data is rendered as an SVG using D3 v7, employing `d3.hierarchy` to structure the data and `d3.tree` with `d3.linkVertical` to compute and draw the paths. Node circles are styled with inline fills based on depth, with text labels positioned above each node.

Vvemuri.vaishnavi27@gmail.com
80% match
Loading thumbnail…

ICE8-Tree graph

This tree visualization displays hierarchical COVID-19 data, starting from a global root and branching into regions like Europe, North America, and Africa, then into individual countries, and finally into cumulative confirmed cases, deaths, and recoveries for each. The structural layout is generated using D3’s `d3.tree` and `d3.hierarchy` APIs, which compute node positions based on the nested data. Each node is rendered as a circle with a label, and parent-child connections are drawn as simple links. The visualization is built using SVG within a static HTML page, as defined in the provided `index.html` and `index.js` files.

Ppilliprathimarani@my.unt.edu
80% match
Loading thumbnail…

Untitled

This visualization presents a hierarchical tree diagram depicting a family lineage, where each node is represented by a colored circle and labeled with a name. The size of each circle corresponds to a numeric value, while the stroke and fill colors indicate the node's type and level. The diagram, rendered as an SVG, uses the D3.js library, specifically the `d3.tree()` layout and `d3.hierarchy()` function to structure the data. Curved links connect parent and child nodes, with their stroke color also reflecting the level of the child node. The data is embedded directly within the JavaScript code as a JSON object.

SSonuSriN
79% match
Loading thumbnail…

Fork of ICE8-Tree graph

This tree visualization displays hierarchical COVID-19 data, showing country-level statistics like cumulative confirmed cases, deaths, and recoveries branching from regional classifications. The structure uses colored circles and text labels to represent nodes and links. Built with D3.js v7, it applies `d3.hierarchy()` and `d3.tree()` to compute node positions, rendering the layout as an SVG with custom margin settings. The code defines static data objects with nested children arrays, and the visualization presents this data using a classic node-link diagram where each level represents a different data category.

Jjammigumpula.priyanka193@gmail.com
79% match
Loading thumbnail…

healthcare

This visualization presents a hierarchical tree of patient medical records, with each top-level node representing an individual patient and a nested branch showing additional demographic and admission details. The tree layout is computed using D3.js v7’s `d3.tree()` and `d3.hierarchy()` APIs, with horizontal links drawn via `d3.linkHorizontal()` and rendered as SVG paths. Node circles are white with steel-blue strokes, and labels display patient names; the data is embedded directly in the script, including fields like age, blood type, medical condition, and admission dates. The visualization is styled with custom CSS for nodes and links.

Ddmouli369@gmail.com
79% match
Loading thumbnail…

Untitled

This example visualizes a hierarchical tree of COVID-19 data, showing confirmed cases, deaths, and recoveries across continents and countries. The tree layout uses d3.tree to position nodes, with SVG circles and text labels for each location. Hovering over a node triggers a tooltip displaying the specific statistics. The visualization uses d3.v5 and React, with an animated tree structure that renders the data in a clear, drill-down format.

Pphemmati
79% match
Loading thumbnail…

Untitled

This example displays a hierarchical dataset as an interactive dendrogram or tree, allowing toggling between the two layouts via radio buttons. The visualization is built with D3 v4’s `d3.tree()` and `d3.cluster()` layout algorithms, animated with `d3.transition()` for smooth morphing of node positions and link paths. Data comes from `treedata.csv` containing a hierarchical structure with leaf values. The SVG rendering uses colored circles for internal and leaf nodes, with text labels and cubic Bézier diagonal links, all within a React framework.

Rrca0214
79% match
Loading thumbnail…

Untitled

This example visualizes the hierarchical structure of a dataset from `data.json` as a radial tree. The layout is computed using a force-directed simulation via D3’s `d3.forceSimulation` API, which positions nodes based on repulsion and attraction forces. The root node is highlighted, and hover interactions reveal child node details and highlight the direct ancestry path, while non-related nodes are dimmed. The visualization is rendered using D3’s SVG-based `d3.geoPath` for the curved links, with the entire graph adapting to window resizing.

Hhassanraza1552
79% match