Pie Chart

100%

✓ Published0🌍 Public

Last edited Jul 4, 2022

Created on Jul 4, 2022

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart displays the top 10 countries by COVID-19 deaths, with each slice labeled with the death count in thousands and accompanied by a legend listing country names and values. The visualization uses D3 v5 (including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal`) to compute arcs and colors, rendering SVG elements dynamically. Data is loaded from a CSV via `d3.csv` and sorted before selecting the first ten rows, all within a React-compatible setup.

Aachalasam

91% match

Loading thumbnail…

Fork of ICE-7 Pie Chart

This pie chart displays the top 10 countries with the most COVID-19 deaths, using a legend to identify each country and its corresponding death count in thousands. The visualization loads CSV data from a GitHub gist via `d3.csv`, then builds the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color encoding. SVG elements are rendered dynamically, with the chart centered on a 960x500 canvas and legends placed to the right. The code uses D3 v5 and imports specific modules from the library.

Aajaysonu

90% match

Loading thumbnail…

Pie Chart

This pie chart visualizes death rates across the top 10 countries, with each slice labeled in thousands and a corresponding legend listing country names and values. The data is fetched from a CSV file hosted on GitHub and rendered as an SVG using D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. The chart applies a custom color palette per slice and uses `d3.format` to display abbreviated numbers.

KKiran3295

90% match

Loading thumbnail…

ICE-7 Pie Chart

This pie chart displays the top 10 countries with the most COVID-19 deaths, with each slice’s color mapped from a categorical scale and labeled in a legend showing country names and death totals in thousands. The visualization loads CSV data from a GitHub gist using d3.csv, then uses d3.pie and d3.arc to generate SVG path segments. d3.scaleOrdinal assigns a fixed color palette, while the legend is built manually with appended SVG rect and text elements. The chart is rendered entirely with d3.v5 and SVG.

Jjayanthamol99

89% match

Loading thumbnail…

Pie Chart of Covid 19 Deaths

This pie chart visualizes COVID-19 deaths by country, with each slice’s size proportional to the total death count and labeled in thousands. The chart uses D3 v5’s `pie` and `arc` generators to compute and draw the segments, `scaleOrdinal` to assign categorical colors, and `format` to abbreviate numeric labels. A legend lists each country alongside its corresponding color and value. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, and all graphics are rendered as SVG elements within a fixed 960×500 viewport.

NNithish Kumar

89% match

Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes the top 10 countries by COVID-19 deaths, with each slice’s area proportional to the total fatalities and labeled with values in thousands. A legend on the right pairs each country with its corresponding color and death count. Built with D3.js v5, the example uses `d3.pie` to compute arc angles, `d3.arc` to generate SVG paths, and `d3.scaleOrdinal` for slice colors. Data is loaded asynchronously from a CSV via `d3.csv` and sorted before rendering.

Ttejasviprasad06@gmail.com

89% match

Loading thumbnail…

ICE7 Pie Chart - 2nd

This pie chart visualizes the top 10 countries by total COVID-19 deaths, using a categorical color scale. The chart displays each country’s death count as a slice, with labels directly positioned at the slice centroids and a legend mapping colors to country names. Built with D3 v7, it loads data from a CSV file, sorts it in descending order, and slices the top 10 entries. The SVG rendering uses `d3.pie` and `d3.arc` to generate the chart, while `d3.scaleOrdinal` with `schemeCategory10` assigns colors.

MM Hema

88% match

Loading thumbnail…

Pie Chart

This pie chart displays COVID death rates per million for the top 20 states, using colored slices with labels and a corresponding legend that lists each state and its numerical value. The visualization is built with D3 v5, fetching data from a CSV via `d3.csv`, transforming it with `pie()` and rendering SVG paths using `arc()` and `arcGenerator.centroid`. Slice colors are assigned using `scaleOrdinal`, and the chart is presented on an SVG canvas with a fixed width and height.

RRohith Reddy

88% match