Skip to main content
SimilarExport ZIP
100%

Fork of ICE - 7 Pie Chart

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

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.

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

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

Fork of ICE - 7 Pie Chart Manvitha reddy

This visualization displays the top 10 companies and their sales figures for 2020 using a pie chart. The chart segments are color-coded and labeled with sales values, and a legend on the right maps each company name to its corresponding color and sales amount. The code uses the D3.js library (d3.csv, d3.pie, d3.arc, d3.scaleOrdinal) to fetch data from a CSV file hosted on GitHub and render the SVG chart, with custom styling applied for text and legend elements.

Mmanvithareddykarra
81% 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
81% 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…

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
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
80% match