Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
Aakhil kata
Last edited Jul 3, 2022
Created on Jul 3, 2022
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of Fork of Fork of Pie Chart

This example shows the top 10 countries by population as a pie chart, with a legend displaying brand names and values. It loads CSV data via `d3.csv`, processes it, and renders the chart using `d3.pie` and `d3.arc` to create the segments. Color encoding is handled with `d3.scaleOrdinal`, and the SVG output is appended to the document. The visualization highlights the proportional population distribution among the countries.

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

Fork of Pie chart

This visualization uses a D3 pie chart to display the top 10 countries by population in 2022. The code fetches data from a GitHub-hosted CSV file and renders the chart as SVG. Each slice is labeled with its population value in thousands, and a legend on the right side pairs country names with their corresponding values and color swatches. The chart uses D3’s `pie()`, `arc()`, and `scaleOrdinal()` APIs to compute slice angles, generate arc paths, and assign colors, respectively.

Ppavankalyan1507
84% match