Fork of D3 Pie Chart - 11641166

100%

Fork of D3 Pie Chart - 11641166

✓ Published0🌍 Public

Last edited Mar 26, 2023

Created on Mar 26, 2023

This example visualizes the top 10 countries from the 2020 Summer Olympics dataset by total medals using a pie chart rendered in SVG. Each slice’s fill color and the labels are mapped from the medal totals via `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `schemeTableau10`. A legend lists each country with a color swatch and medal count. Data is loaded asynchronously from a CSV using `d3.csv`, sorted descending, and the chart updates with mouseover logging.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Pie Chart - 11641166

This example shows the medal counts of the top 10 countries from the 2020 Summer Olympics as a pie chart, with a legend listing each country and its total medal count. The chart is rendered as an SVG using D3 v7, with the pie layout (`d3.pie`) and arc generator (`d3.arc`) creating the segments, while `d3.scaleOrdinal` with `schemeTableau10` assigns colors. Country and medal data are loaded from a CSV file, sliced to the top 10, and displayed with mouseover logging of values.

JJasvitha Allamsetty

97% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart displays the top 10 medal-winning countries from a CSV file of Olympic medal counts, with a legend listing each country’s name and total. The visualization uses D3 v5’s `pie` and `arc` generators to compute and render the SVG paths, while `scaleOrdinal` maps medal values to a categorical color palette. Data is loaded asynchronously via `d3.csv`, and the chart is drawn with SVG circles and text elements in the D3 selection style.

Aakhil kata

91% match

Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes the top 10 countries by medal count, with each slice and corresponding legend colored by a manually specified scaleOrdinal range. The code loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, while `d3.scaleOrdinal` assigns colors and the legend is built with appended SVG rectangles and text elements. The total sum of medals is computed but not displayed in the chart itself.

Nnagamaheswar

91% match

Loading thumbnail…

D3 Pie Chart - 11641166

This example visualizes the top 10 countries by total medals from the 2020 Summer Olympics dataset. It displays a pie chart with color-coded segments and corresponding medal counts, alongside a legend showing country names, medal values, and color swatches. The visualization uses D3 v7 APIs such as `d3.csv`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeTableau10`. Data is loaded from a remote CSV file, sorted, and rendered as an SVG with interactive mouseover logging.

SSuresh John Wesly

91% match

Loading thumbnail…

Fork2 of Pie chart

This visualization displays the top 10 most populous countries in 2022 as a pie chart, with each slice labeled in thousands and a legend listing country names and population values. Using D3 v5, the code fetches CSV data via `d3.csv`, computes the pie layout with `d3.pie`, and draws SVG paths with `d3.arc`. Slice colors come from `d3.scaleOrdinal`, and text labels are placed using `arc.centroid`. The chart renders in an SVG canvas with a light yellow background and includes a manual legend built from the same data.

Ppravallikayaram12

84% match

Loading thumbnail…

ICE 7 Pie Chart

This example shows the top 10 countries and their total medal counts from the 2016 Olympics as a pie chart, with a legend listing each country and its numerical total. The chart is rendered as SVG using D3 v5, with the pie layout and arc generator creating the segments from a CSV dataset fetched from a GitHub gist. A scaleOrdinal maps the total values to a fixed array of section colors, and legend entries are built from the same pie data, formatting values with d3.format.

EEeshwarReddy

84% match

Loading thumbnail…

ICE 7 - Pie Chart

This pie chart visualizes the top 10 countries by total medals at the Tokyo Olympics, with each slice sized proportionally to a country’s medal count. The chart uses D3 v5 with SVG rendering, employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for encoding data into colored slices with labeled values and a legend. Data is fetched as CSV from a GitHub gist using D3’s `csv` method. Each slice displays its numeric total, while the legend pairs country names with their medal tallies.

Aavinashchinta99

84% match

Loading thumbnail…

Fork of Pie chart

A pie chart displays the top 10 countries by population in 2022, with each slice labeled in thousands and accompanied by a legend showing country names and values. The chart uses D3 v5 to load CSV data via `d3.csv`, compute slice angles with `d3.pie`, and generate SVG paths with `d3.arc`. A `d3.scaleOrdinal` maps population values to a preset color array. Text labels are positioned using the arc centroid, while the legend is built with appended rectangles and text elements.

MMalempatiSaranya

83% match