Skip to main content
SimilarExport ZIP
100%

5320-Group25-Vikram-

✓ Published0🌍 Public
Vvikramkotlo9@gmail.com
Last edited Apr 25, 2024
Created on Apr 25, 2024

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.

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
94% 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
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…

13

This example presents a comparative analysis of COVID-19 data for India using two D3.js v7 charts. A scatter plot maps confirmed cases against deaths for states, while an area chart tracks confirmed cases over time for Kerala. The code loads data from a remote CSV file, using `d3.csv`, and employs SVG rendering with `d3.axisBottom` for the scatter plot and `d3.area` for the time series.

Hharisankarakeluth@my.unt.edu
81% 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
80% 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
80% match
Loading thumbnail…

data visualization stacked bar chart

This example visualizes COVID-19 total cases by country, grouped into stacked horizontal bars organized by continent. The chart uses D3 v7’s `d3.csv` to load remote data, `d3.groups` to structure the data hierarchically, and `d3.scaleBand`/`d3.scaleLinear` with SVG rendering. Each country is a rectangle colored via `d3.schemeSet3`, with rotated axis labels for readability.

Bbudalavijay2001@gmail.com
80% match
Loading thumbnail…

data visulalization Scatter Plot

This scatter plot visualizes COVID-19 cases by country, plotting total deaths against total cases. Each circle represents a country, with color encoding the continent, and the plot includes axes, labels, and a legend. The code loads CSV data from a GitHub repository, uses D3 v7 scales and SVG rendering to position the circles, and employs `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Bbudalavijay2001@gmail.com
79% match