Untitled

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.

92% match

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.

89% match

Cchamarthisreenivasvarma@gmail.com

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.

85% match

Untitled

This visualization shows the progression of confirmed COVID-19 cases, deaths, and recoveries across multiple countries from January to March 2020. It uses a multi-line chart with time on the x-axis and case counts on the y-axis. The code loads data from three CSV files and uses d3.csv, d3.scaleLinear, d3.line, d3.axisLeft, d3.axisBottom, and d3.curveBasis to render the chart. A timer updates the displayed date range, animating the lines as new data points appear over time.

RRodrigo Vallejos

83% match

Rrobertotienonyaranga@gmail.com

Tree graph

A tree graph visualizes a hierarchy of COVID-19 data, displaying cumulative confirmed cases, deceased, and recoveries for countries grouped by continent, with each leaf node labeling the specific metric and its value. The static SVG rendering relies on the d3.tree() and d3.hierarchy() APIs to compute the tree layout based on the provided data structure, using node circles, text labels, and connecting links styled via CSS.

Untitled

A scatter plot tracks COVID-19 confirmed cases against deaths on logarithmic axes, with each point representing a country and its population and regional color encoding. Overlaid dark-red lines radiate from the origin, annotating fatality rates and country labels. A circular legend explains the point size, color, and opacity encoding. The React-based D3 visualization uses `d3.axisBottom`, `d3.min`, and `d3.ticks` for axes and grid, while custom functions render the legend, annotations, and rotated fatality labels, using county-level GeoJSON data from `county.json` as a backdrop.

tree

A radial tree visualization shows the hierarchical distribution of COVID-19 cases, with nodes representing top infected regions branching outward from a central root. The layout uses d3.cluster() to arrange nodes in a circular pattern, with each branch's position and length encoding the case counts loaded from data.csv. The visualization is rendered as an SVG with animation, using d3.hierarchy() to structure the data and d3.nest() to group entries by multiple categorical levels. React provides the component framework for this interactive chart.

Untitled

A dashboard of linked COVID-19 visualizations shows global cases via a Leaflet map, interactive line charts of pandemic metrics, and scatter plots. Users can select countries on the map to filter data, while brushable axes and k-means clustering reveal relationships like GDP per capita versus case rates. Built with d3.v7 and SVG animations, the dashboard loads data from a CSV and GeoJSON files.

Bbhargav83