Scientific Data Visualization Project

100%

Scientific Data Visualization Project

✓ Published0🌍 Public

Last edited Apr 24, 2024

Created on Apr 24, 2024

This example analyzes COVID-19 data from a CSV file, displaying a pie chart of confirmed cases by WHO region and a group bar chart of cases for the top ten countries. The pie chart uses `d3.pie` and `d3.arc` to render segments with an ordinal color scheme. The bar chart uses `d3.scaleBand` and `d3.scaleLinear` to draw grouped rectangles for confirmed, deaths, and recovered counts. Both charts are rendered as SVGs, with axes, legends, and labels generated via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

Analyzing the Impact of COVID-19 on Global Population Dynamics

Initial Visualization Using D3.js Pie Chart of COVID-19 Cases by WHO Region(pre-cleaning).
Stacked Bar Chart of COVID-19 cases by Country-Using D3.js.

MIT Licensed

Similar vizzes

Loading thumbnail…

5320-Group25-Vikram

This example presents two interactive visualizations of COVID-19 data. A pie chart displays confirmed cases aggregated by WHO region, while a separate bar chart compares confirmed, death, and recovered counts for the top ten countries. The code uses D3 v7 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.scaleBand` to render SVG elements. Data is loaded via `d3.csv` from a remote GitHub gist, with legends generated dynamically for both charts.

Vvikramkotlo9@gmail.com

87% match

Loading thumbnail…

new shivsai

This example presents COVID-19 statistics through two coordinated D3 v7 visualizations: a pie chart and a bar chart. The pie chart breaks down global confirmed cases by WHO Region, while the bar chart displays confirmed cases per country. Both visualizations load data from the same CSV file using `d3.csv` and update interactively via mouseover tooltips showing detailed case counts. The charts use `d3.pie`, `d3.arc`, `d3.scaleBand`, and `d3.scaleLinear` to render SVG elements, with `d3.schemeCategory10` providing distinct colors for categorical data.

Vvikramkotlo9@gmail.com

84% match

Loading thumbnail…

5320-Group25-Vikram-

Two D3.js v7 charts explore COVID-19’s demographic impact from a CSV dataset loaded via `d3.csvParse`. A pie chart aggregates confirmed cases by WHO region using `d3.pie`, `d3.arc`, and an ordinal color scale, with an HTML legend listing counts. A second SVG chart displays grouped bars for the top ten countries, comparing confirmed, death, and recovered cases via a linear scale, band scale, and `d3.axisBottom`/`d3.axisLeft`. Both visuals use SVG rendering and rely on color-coded legends for interpretation.

Vvikramkotlo9@gmail.com

84% match

Loading thumbnail…

data visualization project

This example presents a bar chart of COVID-19 total cases by country, using data loaded from a remote CSV file. The chart is rendered as an SVG element using D3 v7, with a rotated x-axis to accommodate country labels and a linear y-axis for case counts. The code demonstrates D3’s scaleBand and scaleLinear for axis scaling, and uses the `join` operator to efficiently create bar rectangles, with a steelblue fill for the bars.

Bbudalavijay2001@gmail.com

83% match

Loading thumbnail…

Fork of Pie Chart Covid Proj Viz 3

This visualization shows the distribution of total COVID-19 cases across continents as a pie chart with an accompanying legend, using percentages derived from the total case count. The chart is built with D3 v5, employing `d3.pie` and `d3.arc` to generate the segments, and `d3.scaleOrdinal` for color mapping. Data is loaded via `d3.csv` from a GitHub-hosted dataset, and rendered as SVG with custom tick formatting and styled text labels inside each slice.

SSushmaNamidi@my.unt.edu

82% match

Loading thumbnail…

project covid

This pie chart displays the distribution of total COVID-19 deaths by location, with each slice labeled by its corresponding region. The visualization is built using the D3.js library, specifically leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the chart. Data is loaded from a remote CSV file containing total death counts, which is parsed and converted to numeric values. The chart is rendered as an SVG, positioned at the center of the canvas, with slices colored via a categorical color scheme and textual labels placed at each slice’s centroid.

Llingaladineshteja23@gmail.com

82% match

Loading thumbnail…

PiechartProject

This visualization shows the distribution of COVID-19 deaths across continents using a pie chart. The chart displays each continent’s share as a percentage and absolute death count in thousands, with a color-coded legend. The code loads CSV data from a GitHub repository via `d3.csv`, then uses `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path segments. Color mapping is handled by `d3.scaleOrdinal()`, while `d3.format()` formats numeric labels. The SVG canvas is sized at 960×450 pixels, and all elements are rendered as standard SVG shapes.

SSushmaNamidi@my.unt.edu

81% match

Loading thumbnail…

Pie Chart (ICE 7)

This example displays a pie chart of the top 10 countries with the most COVID-19 cases, using data loaded from a CSV file via d3.csv. The chart is rendered as SVG paths, with each segment sized by the "Total Cases" value and filled using a d3.scaleOrdinal color scale. A legend on the right pairs each country with its total, formatted in thousands (e.g., "1.234K"). The code uses d3.pie, d3.arc, and d3.select to build and position the chart.

AAashish Pandey

80% match