Crona Cases 2020 tree of Pakistan

100%

Crona Cases 2020 tree of Pakistan

✓ Published1🌍 Public

Last edited Jun 15, 2020

Created on Jun 14, 2020

This tree diagram visualizes COVID-19 case data across Pakistani regions for 2020. It displays a hierarchical structure with the root node "Pakistan" branching into individual provinces, each showing total cases, deaths, and recoveries. The visualization uses a horizontal tree layout implemented with d3.forceSimulation and d3.zoom, rendering SVG paths and text elements. Data is loaded from a local JSON file via d3.json, and the Playfair Display font from Google Fonts styles the text labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

node tree of Pakistan

A node tree visualizes the administrative hierarchy of Pakistan, starting from the root "Pakistan" and branching to a single child node "AJK". The tree layout is generated using D3 v5's `d3.hierarchy`, `d3.tree`, and `d3.linkHorizontal` functions, with nodes represented as text labels and edges as styled SVG paths. The visualization renders in a `width` 960 by `height` 500 SVG canvas, uses a custom zoom interaction via `d3.zoom`, and applies a Playfair Display font with text shadows for readability.

Sshehrbano1248

72% match

Loading thumbnail…

Testing Pie Chart

This example presents a pie chart visualizing the distribution of new COVID-19 cases across Pakistani regions, based on data from an `abc.json` file. The chart shows proportional slices for each region, with the data aggregated from daily reports. The visualization is built with D3.js v2 and React, using `d3.layout.pie` and `d3.svg.arc` to generate the SVG paths. Animated transitions adjust the inner radius from full to a donut shape, and the chart updates dynamically as the data is fetched and processed.

Hhassanraza1552

72% 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

66% match

Loading thumbnail…

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.

Pphemmati

66% 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

64% match

Loading thumbnail…

COVID DATA

This visualization presents COVID-19 data from the Our World in Data GitHub repository, showing total cases and deaths aggregated by country. The code uses d3.csv to load the dataset, d3.rollup to group and sum values by location, and d3.line with d3.scaleTime and d3.scaleLinear to plot a line chart. Although a chart-rendering function is defined, the visualization does not display the chart in the browser, as the SVG element is never appended to the page.

FFarhaan Qazi

64% match

Loading thumbnail…

Line

This visualization displays the progression of COVID-19 cases across multiple Chinese provinces from January to February 2020. It animates line curves for each province, showing the count of existing confirmed cases over time, with provinces added sequentially. The code uses D3 v6 with a time-scale for the x-axis and a reversed linear scale for the y-axis, rendering SVG paths with cardinal spline curves. Data is loaded from a CSV file, and each province’s line is animated into place using d3 transitions over two seconds.

Vvivianaaai@qq.com

63% 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

63% match