Cricket_Pie Chart

100%

Cricket_Pie Chart

✓ Published0🌍 Public

Last edited Apr 2, 2025

Created on Mar 26, 2025

This pie chart displays the cricket performance of five players based on their total runs, with each slice colored and labeled by player name, and a legend positioned to the right. Hovering over a slice triggers a tooltip that reveals the player’s runs and career years. Built with D3 v7, the visualization uses `d3.pie` and `d3.arc` to generate the chart, `d3.scaleOrdinal` with `schemeCategory10` for colors, and SVG rendering. The hardcoded sample dataset includes players like Sachin and Virat, while the tooltip is implemented via mouse events.

AI-generated description

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Ice7 Pie Chart

This visualization presents a pie chart of the top ten cricketers based on their total runs, using D3.js (v5) to render the SVG. Each slice's size corresponds to the player's run count, and a color-coded legend identifies each player by name and their runs, formatted with scientific notation. The code uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to create the chart, with data loaded from a JSON file and styled via external CSS. The chart is generated procedurally, positioning the pie at a fixed coordinate and appending legend entries in a separate group.

Ddivyagunuguntla

87% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This visualization shows the top ten cricket players ranked by their total runs, displayed as a pie chart with a color-coded legend. The chart uses a categorical color scheme to distinguish each player, with the arc length proportional to their run count. Built with D3 v5, it loads data from a JSON file and renders the pie chart using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for colors. The legend, placed to the right, pairs each player's name with their run total, formatted using `d3.format`.

PPratik Karna

86% match

Loading thumbnail…

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

85% 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

85% 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

85% match

Loading thumbnail…

ICE - 7 Pie

This visualization displays the top 10 cricketers by career runs as an interactive pie chart built with D3 v5. The chart breaks down each player’s total runs into proportional slices, with a legend listing player names and their corresponding run totals in thousands (e.g., “12.34K”). It uses the `d3.pie` and `d3.arc` functions to compute the arcs and their labels, while `d3.scaleOrdinal` assigns colors from a predefined array. Data is fetched asynchronously from a CSV file using D3’s `d3.csv` loader.

VVenkata Sai Preetham

85% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This chart shows a pie visualization of cricket players' run totals, with a legend listing each player's name and their corresponding runs alongside a color-coded swatch. The chart reads total runs from a local JSON file and renders the pie slices using `d3.pie` and `d3.arc`, while a categorical color scale from `d3.scaleOrdinal` with the `schemeCategory10` range fills each segment. The SVG also includes a manually positioned legend built with `d3.select` and appended `rect` and `text` elements.

Ppemmasaniprudhvinadh

85% match