Skip to main content
SimilarExport ZIP
100%

Pie Chart

✓ Published0🌍 Public
Sshanmukhivasa@my.unt.edu
Last edited Apr 24, 2024
Created on Apr 24, 2024
Forked from Hello VizHub

This pie chart visualizes the win counts of IPL teams, using a dataset sourced from a GitHub Gist and rendered as an SVG. The chart employs D3.js v7 APIs including `d3.pie` and `d3.arc` to generate slices, `d3.scaleOrdinal` for color mapping, and `d3.format` for label abbreviation. A legend on the right lists each team's name alongside its exact win tally, with slice labels positioned via arc centroids.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pie chart ICE 7

This pie chart visualizes the distribution of total points accumulated by IPL teams from 2015 to 2024, using a CSV dataset loaded via `d3.csv`. Each slice represents a team’s aggregate points, with percentage labels positioned using `d3.arc` centroids and a color-coded legend rendered inside the SVG. The chart uses `d3.pie` and `d3.arc` to generate the slices, while `d3.scaleOrdinal` with `d3.schemeTableau10` assigns colors, all built with D3 v7 and SVG.

Aadithiarikatla@gmail.com
86% match
Loading thumbnail…

Fork of ICE 7 Pie Chart

This pie chart displays the total championship wins for each IPL team up to 2019, using data from a CSV file. The D3.js v5 code uses `d3.pie` to compute the arc segments, which are rendered as SVG paths with `d3.arc`. The chart is colored with a `d3.scaleOrdinal` color scale, and legends are generated manually using SVG circles and text elements. The data is loaded asynchronously via a custom `getData` function that utilizes `d3.csv`.

Sskambhore04
85% match
Loading thumbnail…

ice-7 sushmithab pie chart

This pie chart visualizes the distribution of total points accumulated by IPL teams from 2015 to 2024, aggregated from a CSV dataset. Each slice represents a team’s share of the overall points, with percentage labels displayed directly on the chart and a legend listing each team’s total points and percentage. The visualization uses D3.js v7, employing the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to generate the circular layout and color scheme. The chart is rendered as an SVG and includes a legend, with data loaded via `d3.csv`.

Ssushmitha bungatavula
82% match
Loading thumbnail…

Activity SDV Pie Chart

This pie chart visualizes the distribution of total runs scored by each batting team from an IPL deliveries dataset. The chart aggregates data using `d3.rollup` and `d3.sum`, then renders slices with `d3.arc` and `d3.pie`, using `d3.schemeCategory10` for color encoding. Each slice is labeled with its team name, and the example demonstrates loading D3 via UNPKG alongside local ES6 modules, with both a standalone script and a reusable `piePlot` function that includes a legend.

Ggolisanthoshi2000@gmail.com
81% match
Loading thumbnail…

Cricket - Pie Chart

This pie chart visualizes the distribution of runs scored by cricket players, with each slice representing an individual player. The chart uses D3.js v6 with an SVG rendering approach, loading data from a CSV file and applying an ordinal color scale. Interactive tooltips appear on hover, and slice labels display player names directly on the chart. A legend translates additional player information alongside the pie, providing a complete overview of the dataset's run values.

Ssrisailapu.rc@gmail.com
81% match
Loading thumbnail…

Fork of ICE - 7 Pie

This pie chart visualizes the number of wins (labeled as goals) for top tennis players, using a CSV dataset fetched from a GitHub gist. The chart encodes each player’s total as a colored slice, with labels showing the value in thousands and a legend listing player names and their corresponding totals. Built with D3 v5 and rendered as SVG, the code uses `d3.pie` to compute arc angles, `d3.arc` for path generation, `d3.scaleOrdinal` for color assignment, and D3's `csv` for data loading.

RRahulChaitu999
79% match
Loading thumbnail…

ICE 7 Pie Chart

This pie chart visualizes the number of matches won by each team from a CSV dataset, with a legend detailing team names alongside their corresponding win counts. The visualization uses D3 v5's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate SVG paths, while the React-based code appends legend rectangles and text elements within the SVG canvas.

SSai Kaushik
79% match
Loading thumbnail…

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