Pie Chart

100%

✓ Published0🌍 Public

Last edited Apr 11, 2024

Created on Apr 11, 2024

This pie chart displays the top five countries by total reported COVID-19 cases, using a dataset from a GitHub-hosted CSV file. The visualization loads data with `d3.csv`, sorts it in descending order, and slices the first five entries. It renders slices using `d3.arc` and `d3.pie` within an SVG, with labels positioned via `label.centroid`. A categorical color scale from `d3.scaleOrdinal` distinguishes each country, while solid white strokes separate the segments.

AI-generated description

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

ICE7 Pie Chart

This pie chart displays the top 25 countries with confirmed COVID-19 cases, using a categorical color scale to distinguish each nation. The visualization is rendered as an SVG with a legend listing country names and case counts in thousands. Built with D3 v5, the code uses `d3.pie` and `d3.arc` to generate segments, `d3.scaleOrdinal` for colors, and `d3.csv` to load data from a GitHub gist.

Ddheeraj1509

87% 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

87% match

Loading thumbnail…

Pie Chart

This pie chart displays the top 10 countries by COVID-19 deaths, with each slice labeled in thousands and a corresponding legend. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute and position the slices, while SVG renders the chart. Data is loaded asynchronously from a CSV file via `d3.csv` and sorted to select the top entries. The code also employs `d3.format` for readable tick labels and color-coded legend rectangles.

RRupeshGandham

85% 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

84% 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

84% match

Loading thumbnail…

ICE - 7 Pie chart viz

This pie chart visualizes the percentage distribution of the top five countries with the most coronavirus cases. The data is loaded from a CSV file hosted on GitHub Gist. Built with D3.js v5, the visualization uses `d3.pie` to compute arc segments, `d3.arc` to generate the sector paths, and `d3.scaleOrdinal` for color mapping. Each sector is labeled with its percentage, and a legend displays the country names and corresponding values. The SVG canvas is 960 by 460 pixels, with the chart centered and styled via external CSS.

SSravan1888

84% match

Loading thumbnail…

ICE 7 Pie Chart

This visualization displays a pie chart of the top 10 countries with the highest COVID-19 case counts, with each slice labeled with its corresponding value in millions. Legend entries list each country alongside its case count, and the chart uses a distinct color for each segment. The example loads CSV data from a GitHub Gist and renders the chart using D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color assignment, with SVG as the output format within a React framework.

Vvegurusaiprathyusha

83% match