Skip to main content
SimilarExport ZIP
100%

ICE-7 Pie Chart

✓ Published0🌍 Public
GGaneshPenumarthi
Last edited Mar 27, 2022
Created on Mar 27, 2022

This gallery example shows a pie chart displaying the number of new coronavirus cases admitted in the United Kingdom during the last week of January 2021, with each slice labeled with its value and a legend indicating the corresponding date. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to compute and render the SVG paths, while fetching data from a remote CSV via the `csv` function. Each slice is filled using a categorical color scale, and text labels are placed using the arc’s `centroid` method. The legend is built manually with appended rectangles and text elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7-Pie Chart 11540905

A pie chart displays Covid case totals for nine countries, with each slice labeled by its case count and a color-coded legend listing country names and values. The visualization uses D3 v5 to load CSV data from a GitHub gist, compute pie arc angles with `pie()`, and render SVG `path` and `text` elements via `arc()`. Colors are assigned with `scaleOrdinal()`, while D3’s `format()` handles numeric labels. The chart is centered in an SVG container, with legends positioned to the right.

Nnagasai-gummadi
85% match
Loading thumbnail…

ICE - 7 Pie chart

This example visualizes the top 10 countries by COVID-19 cases as a pie chart, with each slice labeled with its percentage share. The chart is rendered as an SVG element using D3 version 5, with data fetched from a CSV file hosted on GitHub. The code employs D3’s `pie`, `arc`, and `scaleOrdinal` APIs to compute the pie segments, generate paths, and assign colors from a hardcoded palette. A legend on the right maps each country’s name to its corresponding slice and percentage value.

RRajeevMukhesh
85% match
Loading thumbnail…

ICE-7 Pie Chart

This example displays a pie chart of COVID-19 active cases by country, rendering each segment with a distinct color and labeling its percentage share. The chart includes a legend that maps colors to country names and active case counts. Built with React and D3 v5, the visualization uses d3.pie, d3.arc, and d3.scaleOrdinal to generate SVG paths and text labels. Data is loaded asynchronously from a CSV file using d3.csv, with the chart centered in an 800x450 SVG canvas.

Mmanojgne
84% match
Loading thumbnail…

ICE - 7 Pie Chart

A pie chart visualizes the top 10 countries by reported COVID-19 cases, with each slice colored and labeled via an adjacent legend. The chart uses D3 v5 to load CSV data, compute arc paths with `d3.arc()`, and render SVG elements. Colors are assigned through `d3.scaleOrdinal`, while numeric values are formatted with `d3.format`. The legend pairs colored rectangles with country names and abbreviated case counts, all positioned within an SVG canvas.

RRohithReddy-thoughts
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…

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

ICE - 7 Pie Chart

This example presents a pie chart visualizing COVID-19 death counts for the top 10 countries, with each slice labeled in thousands and accompanied by a legend listing countries and their corresponding values. The chart reads data from a CSV file hosted on GitHub, processed using `d3.csv`, and renders with SVG via `d3.pie()` and `d3.arc()`. Slices are colored using `d3.scaleOrdinal` with a fixed palette, and labels are positioned using arc centroids. The visualization is built with D3 v5 within a React framework.

Nnehabaddam
83% match
Loading thumbnail…

ICE-7 Area Chart

An area chart shows the number of newly admitted coronavirus cases in the United Kingdom during the last week of January, using date on the x-axis and admissions on the y-axis. The visualization combines a black line and an orange filled area beneath it, both rendered with SVG paths generated by D3 v5's `line` and `area` generators with a basis curve. Data is loaded as CSV from a GitHub gist and parsed with `d3.timeParse`. Axes are created using `axisBottom` and `axisLeft`, with labels styled via external CSS.

GGaneshPenumarthi
83% match