Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Pie Chart ICE 7

✓ Published0🌍 Public
AArv1228
Last edited Mar 27, 2022
Created on Mar 27, 2022

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.

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

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

Fork of Fork of ICE7 Pie Chart

This pie chart displays the top ten cricketers and their total runs, with each slice’s area proportional to a player’s run count and a legend listing names and values. The code loads data from a JSON file using `d3.json`, then applies `d3.pie` and `d3.arc` to generate the SVG paths, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns slice colors. The chart renders as an SVG and includes a legend built from appended groups, rects, and text elements.

Vvidhyanamini
80% match
Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This example visualizes movie budgets and their net worth in billions using a pie chart, with each slice labeled and accompanied by a legend. The visualization fetches data from a CSV file and renders it as an SVG using D3 v5, employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate and color the chart’s segments. The code also uses `d3.format` to display tick values with abbreviations like "K" for thousands, while the title and axes are styled via an external stylesheet.

Ggaddamthanmayeereddy759@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This pie chart displays the top ten cricketers by total runs, with each slice’s size proportional to the player’s run count and a color-coded legend listing names and values. The visualization loads data from a JSON file and uses d3.pie to compute angles, d3.arc for path generation, and d3.scaleOrdinal with schemeCategory10 for colors. It renders as an SVG, featuring labeled legend entries formatted with d3.format.

MMar-99
80% 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
79% 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
79% match