Skip to main content
SimilarExport ZIP
100%

COVID-19 Country measure

✓ Published0🌍 Public
Mmpenalver
Last edited Apr 14, 2020
Created on Apr 13, 2020

This visualization displays a hierarchical tree of COVID-19 country measures, with nodes representing categories and subcategories of enforcement and implementation strategies. Text labels size inversely with depth, and curved links connect parent and child nodes. Built with React and D3 v5, it uses `d3.tree` for layout, `d3.linkHorizontal` for path generation, and `d3.zoom` for interactive panning. Data is loaded from a pipe-delimited CSV and converted into a tree structure using `d3.hierarchy`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

COVID-19 Country measures

This interactive tree diagram visualizes COVID-19 country measures, organizing hierarchical data into collapsible nodes. The visualization uses d3.layout.tree with SVG rendering and zoom/pan capabilities via d3.behavior.zoom. Users can click nodes to expand or collapse branches, while a custom context menu (d3-context-menu.js) provides additional options. The tooltip displays detailed information about each measure, and the tree layout dynamically recalculates height based on visible children. Data is loaded from a pipe-delimited CSV file using d3.dsv, converted into a nested structure via a name-to-parent map.

Mmpenalver
91% match
Loading thumbnail…

COVID-19 Country measures

This interactive tree visualization displays hierarchical data on COVID-19 country measures, sourced from a pipe-delimited CSV file. Built with D3 v3 and jQuery, it renders an SVG layout where users can click nodes to expand or collapse branches, pan/zoom via d3.behavior.zoom, and hover to highlight relationships through opacity changes and label formatting. The d3.layout.tree and d3.svg.diagonal APIs structure the hierarchy, while manual box adjustments and centered node transitions enhance navigation.

Mmpenalver
90% match
Loading thumbnail…

COVID-19 Country measures

This visualization presents COVID-19 country measures as an interactive, collapsible tree diagram. Users can click nodes to expand or collapse branches, with pan and zoom controls for navigation. The tree layout uses d3.layout.tree and d3.svg.diagonal for links, while d3.behavior.zoom enables scaling. Data is loaded from a CSV file using d3.dsv with pipe delimiters, and node text is displayed via SVG elements that appear on hover.

Mmpenalver
90% 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…

Tree graph

This example shows a hierarchical tree visualization of COVID-19 data, with a global root branching into continents, countries, and leaf nodes for cumulative confirmed cases, deaths, and recoveries. It uses the D3.js library, specifically the `d3.hierarchy` constructor and `d3.tree` layout, to compute node positions and render an SVG with styled circles and links. The data is embedded directly in the JavaScript, with each country node carrying a numeric value and color attributes that are not visualized further in the displayed output.

Cchamarthisreenivasvarma@gmail.com
79% match
Loading thumbnail…

Untitled

This visualization presents a hierarchical tree map of COVID-19 case data, showing confirmed cases, deaths, and recoveries by continent and country. The root node aggregates global totals, branching into regions like Asia and individual nations, with China expanding into its provinces. Built with D3.js v5, the code uses a standard tree layout to position nodes and likely links, with each node displaying its name and associated metrics. The static data is embedded directly in the script, sourced from real-world pandemic statistics as of late April 2020. The visualization uses a simple, unstyled SVG rendering without interactive features or transitions.

Pphemmati
79% match
Loading thumbnail…

Tree graph

This tree visualization displays COVID-19 statistics by region, from the global root down to individual countries and their cumulative confirmed cases, deaths, and recoveries. The example uses D3 v7’s `d3.tree()` layout and `d3.hierarchy()` to position nodes in a hierarchical structure within an SVG. Leaf nodes carry named values such as “Cumulative Confirmed Cases - 150000,” while branch nodes group continents and countries. The code assigns data-driven properties like `type` and `level` to each node, though the visible rendering draws nodes as white circles with steelblue strokes and gray linking paths.

Cchamarthisreenivasvarma@gmail.com
78% match
Loading thumbnail…

Untitled

A hierarchical radial tree visualizes COVID-19 case counts from a CSV dataset, organized by continent, country, and province, with leaf nodes sized by confirmed cases. The animation highlights nodes on hover by fading unrelated branches, while tooltips display case totals. Built with React and D3 v5, it uses `d3.nest()`, `d3.hierarchy()`, and `d3.cluster()` to compute the layout, with `d3.line()` drawing links and a viridis scale coloring nodes by depth.

Pphemmati
78% match