Pie Chart

Fork of ICE-7 Pie Chart

This example displays a pie chart of cricket players’ total runs, highlighting the proportionate contribution of each player to the overall team score. The visualization uses D3 v5’s `pie` and `arc` generators to compute and draw SVG path segments, with a `scaleOrdinal` color scheme distinguishing players. A legend to the right maps each color to a player name and their runs formatted in thousands. Data is loaded asynchronously from a CSV gist via `d3.csv`.

Ppravallikayaram12

Pie Chart

This pie chart visualizes the distribution of students across university majors, highlighting each segment’s count both inside the slice and in an accompanying legend. The visualization is built with D3 v5, using `d3.arc()` to generate the pie segments and `d3.scaleOrdinal` for categorical colors. Data is loaded asynchronously from a CSV via `d3.csv()`, and SVG elements are created and positioned with `select` and `attr`. The chart uses a red title and custom styling for ticks and text, presenting a clear, colorful overview of enrollment data.

SSwapna1915

Untitled

A pie chart displays the distribution of cricket statistics, with five slices representing Matches, Innings, HS, Average, and Century. Each slice is labeled with its corresponding name and colored using a categorical scale. The SVG rendering uses d3.pie to compute angles from the data values, d3.arc to generate the paths, and d3.scaleOrdinal for the color mapping. Labels are positioned via arc.centroid on a static, non-interactive chart.

LLG0498

Pie chart ICE 7

A pie chart displays the distribution of hobbies among students in a class, with each slice sized by the number of people (Nfpeople) and labeled in a legend showing the hobby name, its percentage of the total, and the raw count. The visualization uses D3 v5 with the `pie` and `arc` generators to create SVG paths, `scaleOrdinal` for a categorical color palette, and `format` for tick labels. Data is loaded asynchronously from a CSV file hosted on GitHub via `d3.csv`, and the render function appends pie slices and legend elements to an SVG canvas.

Kkakumanusreya

Pie chart ICE 7 Prasanth

A pie chart displays the scores of ten games from a CSV dataset, with each slice colored and labeled via a legend. The visualization uses D3 v5 methods including `d3.pie` and `d3.arc` to generate the segments, while `d3.scaleOrdinal` assigns colors to game names. Data is loaded asynchronously with `d3.csv` from a GitHub Gist, and the chart is rendered as an SVG with white text and legend values showing formatted score ticks.

PPrasanth

Ttejasviteegala@my.unt.edu

Pie Chart

This pie chart visualizes the percentage breakdown of nutritional components, such as carbohydrates, proteins, and fats, using interactive slices with hover effects that display exact values via tooltips. A legend on the right side highlights corresponding slices when hovered, dimming non-related arcs. Built with D3 v7, the chart uses the `pie` and `arc` functions to generate the layout and `scaleOrdinal` with `schemeTableau10` for colors. Transitions and opacity changes create a smooth, interactive experience for exploring the data.

Fork of Fork of Fork of ICE7 Pie Chart

This example visualizes the top ten cricketers and their career runs as a pie chart, with each slice sized proportionally to the player’s total runs and colored using the d3.schemeCategory10 scale. A legend on the right lists each player’s name and formatted run total. The code loads data from a JSON file using d3.json, then employs d3.pie and d3.arc to compute and draw the SVG segments, while d3.scaleOrdinal assigns colors and d3.format displays the numerical labels.

Eeravellisaimeghana

Fork of Fork of Fork of ICE7 Pie Chart

Eeravellisaimeghana