Skip to main content
SimilarExport ZIP
100%

new shivsai

✓ Published0🌍 Public
Vvikramkotlo9@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Activity6_Task1

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.

AI-generated description
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
86% 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
86% match
Loading thumbnail…

Scientific Data Visualization Project

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`.

Kkondaveeti.bhargavi7780@gmail.com
84% match
Loading thumbnail…

Viz_shruthik

This example visualizes the distribution of COVID-19 cases across countries using a pie chart built with D3 v6. It loads data from a remote CSV file and renders each country as a slice, with size proportional to total cases. Hovering over a slice displays a tooltip showing the exact case count and percentage. The code uses d3.pie, d3.arc, d3.scaleOrdinal, and d3.select for SVG rendering, plus an interactive tooltip bound to mouseover events.

Ssaishruthik2361@gmail.com
83% match
Loading thumbnail…

Viz1

This example uses a pie chart to display the distribution of COVID-19 cases across different countries, with each slice sized by the total number of cases. It is built with D3 v6, utilizing `d3.select`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to render the chart as an SVG. Hovering over a slice triggers a tooltip that shows the specific case count and percentage of the total, calculated with `d3.sum`. The data is loaded from a CSV file using `d3.csv`, and a legend is added with colored rectangles and country labels.

Ssaishruthik2361@gmail.com
83% 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
81% 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
79% match
Loading thumbnail…

HTML Starter

This example shows a pie chart of COVID-19 data loaded from the Our World in Data CSV file, with the total cases aggregated per location. It uses D3 v7’s `d3.csv` to fetch the data, `d3.pie` and `d3.arc` to generate the chart geometry, and SVG paths with mouseover tooltips for interactivity. The page also includes a large CSS-styled message, and while the chart logic references variables like `covid_data` and `data` that are not fully defined in the visible code, the rendering approach relies on standard D3 selections and transitions.

FFarhaan Qazi
79% match