Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart Covid Proj Viz 3

✓ Published0🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024
Forked from Pie Chart

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.

AI-generated description
MIT Licensed

Similar vizzes

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
91% match
Loading thumbnail…

Fork of pie chart

A fork of a pie chart example visualizes COVID-19 case data from a CSV file, showing three categories (Infected, Recovered, Died) as colored slices with proportional labels and a legend. The D3 v5 code uses `d3.csv` to load the data, `d3.pie` to compute arc segments, and `d3.arc` with an inner radius of zero to generate the paths. Slice colors come from `d3.scaleOrdinal` with a manual range, and text labels are positioned using the arc’s centroid method. The SVG output is centered within a 980×550 canvas.

Ddandudivya98@gmail.com
89% match
Loading thumbnail…

Fork of Pie Chart

A forked pie chart visualizes the distribution of new COVID-19 tests across geographic locations, using a D3 v5 pie layout with an SVG rendering. The chart shows the top 10 locations by test count, with each slice’s fill color and legend labels derived from the `d3.scaleOrdinal` and `d3.schemeCategory10` palette. Data is loaded from a CSV via `d3.csv`, sorted descending, and rendered with `d3.pie` and `d3.arc`; hover events log values to the console, and legends display each location’s name and test total. The React-based example is presented in an HTML page with custom CSS styling.

Ppemmasaniprudhvinadh
86% 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
86% 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
86% match
Loading thumbnail…

Fork of ICE - 7 Pie chart viz

This pie chart visualizes the percentage distribution of COVID-19 cases among the top five countries, with each slice labeled and a corresponding legend. Built with D3 v5, the example uses the `pie` layout function to compute arc segments and the `arc` generator to create the SVG paths. Data is loaded from a CSV file via the `csv` method in `getData.js` and `index.js`, with each country's percentage represented by a distinct color from a manual palette. The chart includes an interactive legend that pairs colored rectangles with country names and values.

AArruSkywalker
86% match
Loading thumbnail…

Assignmnet 7 Pie Chart

This pie chart visualizes the proportion of COVID-19 cases across the top five nations, with each slice labeled with its percentage and a color-coded legend listing country names and values. It loads CSV data from a GitHub gist and renders the chart using D3 v5’s pie and arc generators, with a scaleOrdinal for slice colors. Text labels are positioned via arc.centroid, and the legend is assembled manually with rect and text elements. The SVG is selected and sized from the HTML attributes, and data processing occurs asynchronously with async/await.

AAshrith Kudidhi
85% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes population distribution by continent using a categorical color scale and labeled slices. The D3.js code loads CSV data from a GitHub gist, applies `d3.pie` to compute arc angles, and renders the result as SVG paths with `d3.arc`. Text labels are positioned at each slice’s centroid using `arc.centroid`. The chart is centered within a fixed 500×500 SVG canvas, with white stroke separators between slices and a clean, bordered container styled by CSS.

Ssumanthpenna0221@gmail.com
84% match