ICE 7 - Pie Chart

100%

ICE 7 - Pie Chart

✓ Published2🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

Forked from ICE - 7 Pie Chart Maanas Katta

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.

AI-generated description

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

ICE 7 : Pie Chart

This interactive pie chart displays the total medals won by different countries, using a circular layout where each slice’s arc length corresponds to the count. Built with React and D3 v7, it fetches CSV data and renders SVG paths via d3.pie and d3.arc. The chart employs a linear color scale to differentiate countries, with labels and tooltips generated through d3.arc.centroid. Data comes from a public GitHub gist, and the visualization updates smoothly on new data, showcasing a clean, responsive design adapted from a line-chart template.

Aavinashchinta99

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

85% match

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

85% match

Loading thumbnail…

Fork of D3 Pie Chart - 11641166

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.

JJasvitha Allamsetty

84% match

Loading thumbnail…

ICE:7 Fork of Pie Chart

A pie chart displays the top ten most populous countries in 2020, with each slice sized by population and a legend listing each country alongside its population in millions. The visualization loads CSV data from a GitHub gist via `d3.csv`, then uses `d3.pie` and `d3.arc` to generate SVG paths, with `d3.scaleOrdinal` assigning a distinct color to each slice. A separate legend group renders colored rectangles and text labels using `d3.select` and data joins, while `d3.format` converts raw numbers into readable millions values.

Mmanasanimmagadda13

83% match

Loading thumbnail…

ICE 7 PIE CHART

This pie chart visualizes the populations of the top 10 countries in 2022, with each slice labeled with its population value and accompanied by a color-coded legend. It uses D3 v5 APIs including `pie()`, `arc()`, `scaleOrdinal()`, and `format()` to generate the SVG paths, slice labels, and legend. The data is loaded asynchronously from a CSV via `d3.csv()`, and the chart is rendered with an inner radius of zero and an outer radius of 175 pixels, centered at (250,250) in an SVG canvas.

SSreejaBellamkonda

82% match

Loading thumbnail…

ICE-6: Avinash Chinta

A horizontal bar chart displays total medal counts for twelve countries in the Tokyo Olympics, with country names on the y-axis and medal totals on the x-axis. Built with React and rendered as SVG, the visualization uses D3's `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, and bars are drawn as `rect` elements with a green fill.

Aavinashchinta99

82% match