Krishna_2

100%

✓ Published0🌍 Public

Last edited Mar 24, 2023

Created on Mar 24, 2023

This pie chart displays the percentage share of runs scored by six Indian cricket batsmen, using a static SVG rendering. The visualization is built with D3 v5, employing the `pie` and `arc` functions to compute and draw the segments, with a color palette defined via `scaleOrdinal`. Data is loaded from a local CSV file using `d3.csv`, and each slice is accompanied by a legend showing the player’s name and their corresponding percentage value, formatted with `d3.format`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Krishna2

This example visualizes cricket player run totals as an interactive pie chart using the Iris dataset from a GitHub gist. The code uses D3.js v6.7.0 APIs including `d3.pie`, `d3.arc`, and `scaleOrdinal` to compute arc segments, colors, and labels. It renders an SVG with section labels, a legend showing player names and values, and uses `d3.csv` for asynchronous data loading.

Kkrishnareddy23

87% match

Loading thumbnail…

Cricket_Pie Chart

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.

Ssrisailapu.rc@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 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

79% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This pie chart visualizes the runs scored by ten top cricketers, showing the proportional contribution of each player's total. The visualization loads data from a JSON file using `d3.json`, then uses `d3.pie` and `d3.arc` to generate the chart segments, which are rendered as SVG paths. A `d3.scaleOrdinal` with `d3.schemeCategory10` sets the color palette, while a custom legend built with appended SVG `rect` and `text` elements lists each player's name and run total. The code uses D3 v5.

Bbhargavarathod

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

78% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This visualization presents a pie chart of the top ten cricketers and their total runs, with each slice’s area proportional to the player’s run count. The chart uses D3 v5’s `pie` and `arc` generators to compute the segments, and a `scaleOrdinal` with the `schemeCategory10` palette for slice colors. A legend on the right lists each player’s name and formatted run total, using `format('.5~g')`. Data is loaded from a local JSON file via `d3.json`, rendered as SVG paths.

SSheshidharreddy

78% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This pie chart shows the total runs scored by ten top cricketers, with each slice sized proportionally to a player’s run count and a color-coded legend listing names and values. The chart is rendered in SVG using D3 v5, with `d3.pie()` computing the arc angles and `d3.arc()` drawing the segments. Colors come from `d3.scaleOrdinal(d3.schemeCategory10)`, while data loads asynchronously from `Data.json`. Text labels display run totals using `d3.format`.

DDeegutla123

78% match