Skip to main content
SimilarExport ZIP
100%

ICE-7 Pie Chart

✓ Published0🌍 Public
RRaja Srinivas Nelluri
Last edited Mar 28, 2022
Created on Mar 28, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart_Task2

This pie chart visualizes the gross earnings of top films in USD, with each slice labeled by its value and accompanied by a legend listing film titles and corresponding amounts. The chart is rendered as an SVG using D3 v5, employing the `pie` and `arc` generators to compute slice paths and positions. Data is fetched as CSV from a GitHub gist, and categorical colors are assigned via `scaleOrdinal`. Slice labels are positioned using `arc.centroid`, while legend items are manually appended with rectangles and text elements.

Nnithish-1999
83% 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
83% match
Loading thumbnail…

ICE-7 Pie Chart

This pie chart displays the number of films and events for the top eight countries, sorted by total library size and colored from a categorical scale. The visualization is built with D3 v5, using `d3.pie` and `d3.arc` to generate the slices and a legend with rectangles and text. Data is loaded from a remote CSV file using `d3.csv`, and the interactive mouseover logs each slice’s library size to the console. The SVG output is positioned at a fixed location with a transform.

Nnikhilagopi
82% match
Loading thumbnail…

ICE7 Pie Chart

This pie chart visualizes the total runs scored by ten prominent cricketers, with each slice’s size proportional to a player’s run total. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, applying a category-10 color scheme. A legend lists player names alongside their formatted run values. Data is loaded asynchronously from a JSON file using `d3.json`, and the visualization renders entirely as static SVG elements.

DDeekshithVemula
82% match
Loading thumbnail…

ICE - 7 Pie

This visualization displays the top 10 cricketers' career runs as a pie chart, with each slice labeled with the run total in thousands and accompanied by a legend listing player names and values. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions to generate SVG paths and text, with data fetched from a CSV via `d3.csv`. Colors are assigned manually, and the chart is rendered in a React-free HTML page using D3’s selection and enter/append pattern.

TTharun2022
82% match
Loading thumbnail…

ICE - 7 Pie

This example shows the top 10 cricketers by career runs in a pie chart, with each slice labeled with the run count in thousands and accompanied by a legend listing player names and values. The visualization uses D3 v5 within a React framework, fetching data from a CSV via `d3.csv` and rendering SVG paths with `d3.pie`, `d3.arc`, and a `scaleOrdinal` color scale. Text labels are positioned using arc centroids, and the legend is built manually with appended rectangles and text elements.

TTharun2022
82% 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
82% 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
81% match