Fork of Pie Chart ICE 7

100%

Fork of Pie Chart ICE 7

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart ICE 7

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.

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

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

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

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

78% match

Loading thumbnail…

Fork of ICE 7 Pie chart

This example displays a pie chart of the top 10 countries by population in 2022, with each slice labeled with its population value in thousands and accompanied by a legend listing country names and corresponding figures. The chart uses D3 v5, specifically the `pie`, `arc`, and `scaleOrdinal` APIs to generate and color the slices, while the `arcGenerator.centroid` method positions the text labels within each segment. Data is loaded asynchronously from a CSV file fetched from a GitHub gist URL. The visualization is rendered as SVG, with sections and legends appended to the canvas.

LLakshmiManjushaReddyYarreddu

78% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This example shows a pie chart of the top ten cricketers’ career runs, with each slice sized proportionally to a player’s total. A legend lists each player name alongside its value. The code loads data from a JSON file, uses d3.pie to compute angles and d3.arc to generate SVG path segments, while d3.scaleOrdinal with d3.schemeCategory10 assigns slice colors. Legends are manually appended as SVG rectangles and text elements, with run values formatted using d3.format.

Ppravallikayaram12

77% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

A pie chart depicts the top ten cricketers by runs scored, with each slice's area proportional to the player's total. It shows each player's name and runs in a legend, using a categorical color palette assigned to the data values. The visualization is created using D3 v5, employing the `d3.pie` function to compute arc segments and `d3.arc` for rendering the SVG paths, with `d3.scaleOrdinal` for color mapping. Data is loaded from a JSON file and rendered inside an SVG element, with legend text and values styled via CSS.

GGARIDIDEEKSHITHREDDY

77% match