Pie Chart ICE 7

100%

Pie Chart ICE 7

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

A pie chart visualizes the top 10 Tollywood heroes and the number of movies they have appeared in, with each slice color-coded and labeled, alongside a legend showing hero names and raw values. The chart uses D3 v5's `pie`, `arc`, and `scaleOrdinal` to generate the SVG sectors and colors, while `d3.csv` fetches the dataset from a GitHub Gist. Text labels are positioned using `arcGenerator.centroid` to place numbers at the slice centers, and the surrounding HTML/CSS styles the page title and typography.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart ICE 7

This visualization displays the top 10 heroes in Tollywood and their ages as a pie chart, with each segment labeled by the number of movies (in thousands) and accompanied by a color-coded legend listing hero names. The chart is rendered using d3.pie and d3.arc to generate SVG paths, with d3.scaleOrdinal mapping section colors. Data is loaded asynchronously from a CSV file via d3.csv, and text labels use d3.format to abbreviate values. The layout includes a centered pie and a right-side legend, both built with D3 selections.

AArv1228

93% match

Loading thumbnail…

Fork of ICE - 7 Pie Chart

This example shows the top 10 heroes in the Tollywood industry as an interactive SVG pie chart, with each slice labeled with the hero’s movie count and a corresponding legend listing names and values. The chart uses `d3.csv` to load data from a GitHub Gist, `d3.pie` and `d3.arc` to compute and draw the arcs, and `d3.scaleOrdinal` to map movie counts to a custom color array. It also employs `d3.select` and `d3.format` for SVG rendering and axis-tick formatting, respectively.

AArv1228

91% match

Loading thumbnail…

Fork of Fork of Pie Chart ICE 7

This chart displays the top 10 Tollywood heroes by movie count, with each slice of the donut proportional to the number of films and labeled with a formatted value. A legend on the right pairs each hero's name with a color swatch and the same numeric count. Built with D3 v5, the visualization fetches CSV data from a GitHub Gist and uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the SVG paths and color mapping, while custom text elements render the labels and legend.

AArv1228

90% match

Loading thumbnail…

ICE-7 Pie Chart

This pie chart compares the film counts of ten actors, with each slice sized proportionally to the actor’s total runs value from a loaded JSON dataset. A legend to the right links each colored slice to the actor’s name and formatted numerical value. The visualization is built with D3 v5, using the `pie` and `arc` generators to construct SVG paths, `scaleOrdinal` with `schemeCategory10` for colors, and `format` to abbreviate large numbers.

RRaja Srinivas Nelluri

81% match

Loading thumbnail…

Pie Chart , ICE-7

A pie chart visualizes the net worth in billions for various movies, with each slice colored and labeled to show the corresponding value. The chart is rendered as an SVG using D3 v5, leveraging `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate segments and map colors. Data is loaded from a CSV file via `d3.csv`, and a legend on the right lists each movie title alongside its net worth. The visualization emphasizes clear labeling and color coding to compare budget figures across films.

Ggaddamthanmayeereddy759@gmail.com

81% match

Loading thumbnail…

ICE-7 Pie chart

This pie chart displays the top 10 highest-rated anime, using a slice per title with its rating label and a color-coded legend listing each anime’s name and numerical value. The chart is rendered as an SVG, with data fetched from a CSV URL and processed using d3.csv, d3.pie, d3.arc, and d3.scaleOrdinal. Each slice’s fill color maps to its rating value via a sequential ordinal scale, while labels and a legend are appended using D3’s selection and enter/append methods. The visualization uses D3 v5 and a custom segment color array for the ten entries.

RRaajithaSabbineni

79% match

Loading thumbnail…

ICE - 7 Pie

A pie chart displays the career runs of the top 10 cricketers, with each slice labeled in thousands (e.g., "10K") and accompanied by a color-coded legend listing player names and values. The visualization loads CSV data from a GitHub gist, parses it with `d3.csv`, and renders slices using `d3.pie` and `d3.arc` with an SVG output. Colors are assigned via `d3.scaleOrdinal` from a predefined array, and text labels are positioned using the arc centroid method.

VVenkata Sai Preetham

78% match

Loading thumbnail…

ICE - 7 Pie Chart_Ramakanth

A pie chart visualizes the top films by gross earnings in USD, with each slice representing a film and its value labeled inside. The chart encodes revenue using a categorical color scale, with a legend listing film names and their corresponding gross amounts. Built with D3 v5, the visualization loads CSV data from a GitHub gist and renders slices using the `pie` and `arc` generators, while the legend and labels are appended as SVG elements.

RRamakanth771

78% match