ICE-7 Pie chart

100%

ICE-7 Pie chart

✓ Published0🌍 Public

Last edited Jul 2, 2022

Created on Jul 2, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7 : Pie Chart

This pie chart displays the scores of 10 selected games from a CSV dataset, with each slice colored by game name and accompanied by a legend showing the game and its numeric score. The visualization uses d3.pie and d3.arc to generate the circular segments, with d3.scaleOrdinal assigning colors from a predefined range. Data is loaded asynchronously via d3.csv from a Gist URL, and the SVG rendering includes custom styled text and legends on a black background.

Ggunasindhuja

83% match

Loading thumbnail…

ICE-6

A horizontal bar chart displays the top 20 rated anime, with each bar’s length proportional to its rating. The visualization loads CSV data via `d3.csv`, sorts by rating, and renders SVG bars, axes, and labels using React components. It uses D3 scales (`scaleBand`, `scaleLinear`), axis ticks, and text elements for annotation. The chart is styled with CSS in the HTML file, and the React app updates state after data retrieval.

RRaajithaSabbineni

82% match

Loading thumbnail…

ICE7_Piechart

A pie chart displays the top ten countries with the largest Netflix libraries, using a categorical color scale and an interactive legend with values. The chart uses D3 v5's `pie`, `arc`, and `scaleOrdinal` APIs to generate SVG paths, with mouseover logging data to the console. Data is loaded from a CSV file via `d3.csv` and sorted before rendering.

SSai Bhavana Akkineni

82% match

Loading thumbnail…

ICE-7 Pie Chart

This pie chart visualizes the top 10 run-scorers in a cricket dataset, highlighting each player’s share of total runs with a color-coded legend. The chart is built using D3 v5, with `d3.pie` and `d3.arc` generating the SVG segments, while `d3.scaleOrdinal` assigns colors. Data is loaded asynchronously from a CSV file via `d3.csv`. The legend displays player names and run totals formatted as thousands (e.g., “1.2K”), with values calculated from the raw data.

LLG0498

81% match

Loading thumbnail…

Ice-7 Pie Chart

The Ice-7 Pie Chart visualizes the distribution of student marks across predefined score ranges, with each slice’s arc length proportional to the number of students in that range. It uses D3.js v7’s `d3.pie()` and `d3.arc()` to generate the SVG paths, while `d3.scaleOrdinal` with `schemeCategory10` assigns distinct colors. Data is loaded remotely via `d3.csv` from a GitHub Gist, and each slice is labeled with its range and student count. A separate legend, built with appended SVG rects and text, identifies the color-to-range mapping. The chart renders as a static, non-interactive SVG.

Cchalasanigayaetiri@gmail.com

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

ICE7 Pie chart

This pie chart visualizes the distribution of credit ratings, with the largest segment representing 73.21% for "AAA Local" ratings. The chart is rendered as an SVG using D3 v5, with `d3.pie` and `d3.arc` generating the segments and `d3.scaleOrdinal` assigning colors from a custom palette. A legend accompanying the chart displays each rating label and its corresponding percentage value, formatted with `d3.format`. Data is loaded asynchronously from a JSON file and parsed into numeric values before rendering.

SSnigdha6698

80% match

Loading thumbnail…

ICE-7 Varunpie

This visualization presents a pie chart of the top 10 most frequent math scores from a dataset loaded via `d3.csv`. It shows the distribution of these scores by count, with a legend displaying each score and its frequency. The code uses `d3.pie()` and `d3.arc()` to generate the SVG slices, with `d3.schemeCategory10` providing a custom color palette. The chart is rendered with `d3.v7` in an HTML page, fetching data from a GitHub gist URL.

VVarun Gadde

80% match