Skip to main content
SimilarExport ZIP
100%

5320-Group25-Vikram

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

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.

AI-generated description

CSCE 5320.002 Scientific Data Visualization (ICE-7)

Part-1 REUSABLE SCATTER PLOT

  • Pavan Krishna Yarlagadda (11600263)
MIT Licensed

Similar vizzes

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
94% 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
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
86% 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
82% 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
82% 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
81% match
Loading thumbnail…

<iframe width="560" height="292" src="https://vizhub.com/blikitha/f111e8fa345c43fa9a6e6d45227a5024?mode=embed" title="Untitled" frameborder="0" ></iframe>

This example presents a horizontal bar chart that displays the top 20 countries by reported COVID-19 cases, based on data from a CSV file loaded via `d3.csv`. The visualization uses React to manage component state and render an SVG, with D3 v5 scales (`scaleBand` and `scaleLinear`) to map country names and case counts to pixel positions. Each rectangle’s width encodes the case count, and the chart includes a blue gridline for the x-axis ticks.

Bblikitha
81% match
Loading thumbnail…

Task9_Question1

This visualization displays a pie chart of worldwide COVID-19 cases for 2020, highlighting the top 15 countries by reported case counts. The chart uses a legend with colored rectangles and text labels to identify each country alongside its corresponding number of cases. Built with React and D3 v5, the code employs `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a `schemeCategory10` color palette to render the SVG-based chart. Data is loaded from a gist-hosted CSV file, sorted descending by case numbers, and sliced to show only the leading countries.

Ssaitejauppu0206@gmail.com
81% match