Skip to main content
SimilarExport ZIP
100%

ICE - 7-2 Pie Chart

✓ Published0🌍 Public
EEshwarreddyt
Last edited Mar 12, 2023
Created on Mar 12, 2023
Forked from Fork of ICE - 7

This example visualizes the top 10 most populated states in India as a pie chart, labeling each slice with its population in millions and pairing it with a color-coded legend. The chart’s slices use a d3.pie layout, with d3.arc generating the segment paths and d3.scaleOrdinal assigning categorical colors. Data is loaded asynchronously from a CSV via d3.csv, then rendered to SVG, with text labels positioned using the arc generator’s centroid method and a custom legend built from grouped SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the populations of ten Indian states in 2000, with each slice’s area proportional to its population value and a legend mapping colors to state names and exact counts. Built with D3 v5, it loads JSON data via `d3.json`, arranges arcs using `d3.pie()` and `d3.arc()`, and assigns categorical colors through `d3.scaleOrdinal` with `d3.schemeCategory10`. The SVG rendering includes text labels formatted with `d3.format`, while the legend is manually constructed using appended rectangles and text elements.

Ssowmyanagula@my.unt.edu
92% match
Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 10 most populated U.S. states as a pie chart, with each slice colored distinctly and accompanied by a legend showing state names and population values (in thousands). It uses d3.csv to load data from a GitHub gist, then applies d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and colors. The chart is rendered with SVG elements, and legends are appended dynamically with text and rectangular markers.

Cchakritha06
92% match
Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the top 9 COVID-reported states in India as a pie chart, with each slice sized by the number of cases and accompanied by a legend labeling states and their case totals. The chart renders as SVG using D3 v5, employing `d3.pie` to compute slice angles, `d3.arc` to generate the paths, and `d3.scaleOrdinal` to map slice colors. Data is loaded asynchronously from a CSV via `d3.csv`, with values formatted using `d3.format`. A separate legend group uses rectangles and text to show state names and case counts.

HHarishma Nallala
91% match
Loading thumbnail…

ICE 7 - Pie Chart

This pie chart displays the income of the top 10 Indian states for the financial year 2011–12, with each slice colored via d3.scaleOrdinal and d3.schemeCategory10. The data is loaded from a CSV using d3.csv, sorted, and sliced before being rendered with d3.pie and d3.arc. A custom legend, built with SVG rectangles and text, shows each state’s name and income value alongside its color. Mouseover events log the corresponding income value to the console.

Mms.himabinduchalla@gmail.com
90% match
Loading thumbnail…

ICE7 piechart

This pie chart displays the population of Indian states. It uses the D3 library's `pie` and `arc` functions to compute and render the SVG paths, with colors assigned via `scaleOrdinal` and `schemeCategory10`. A legend, built with `append` and `text`, shows each state’s name and its population in millions. The data is loaded asynchronously from a remote CSV file using the `csv` function.

MM
90% match
Loading thumbnail…

ICE 7 Pie chart

This pie chart visualizes the top 10 countries in the world by population in 2022, with each slice labeled with its population value in thousands and accompanied by a color-coded legend. The visualization uses d3.pie and d3.arc to compute and render the SVG segments, while d3.scaleOrdinal maps section colors to population values. Data is loaded asynchronously from a CSV file using d3.csv, and the chart is drawn on an SVG canvas with text labels positioned via arc centroid calculations.

SSreejaBellamkonda
89% 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
88% match
Loading thumbnail…

ICE 7 Pie chart

This pie chart displays the top 10 countries by population in 2022, with each slice labeled with its population value and accompanied by a legend showing the country name and corresponding figure. The visualization uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to compute slice geometries and assign colors from a hardcoded array. Data is loaded asynchronously from a CSV source via D3’s `csv` method. The chart is rendered as SVG, with a centered title and a legend offset to the right, both styled inline.

SsreepavanKothapalli
88% match