Skip to main content
SimilarExport ZIP
100%

ICE - 7 Pie

✓ Published0🌍 Public
VVenkata Sai Preetham
Last edited Jul 3, 2022
Created on Jul 3, 2022

A pie chart displays the career runs of the top 10 cricketers, with each slice labeled in thousands (e.g., "10K") and accompanied by a color-coded legend listing player names and values. The visualization loads CSV data from a GitHub gist, parses it with `d3.csv`, and renders slices using `d3.pie` and `d3.arc` with an SVG output. Colors are assigned via `d3.scaleOrdinal` from a predefined array, and text labels are positioned using the arc centroid method.

AI-generated description
MIT Licensed

Similar vizzes

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
95% 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
95% match
Loading thumbnail…

ICE - 7 Pie

This example shows the top 10 cricketers by career runs in a pie chart, with each slice labeled with the run count in thousands and accompanied by a legend listing player names and values. The visualization uses D3 v5 within a React framework, fetching data from a CSV via `d3.csv` and rendering SVG paths with `d3.pie`, `d3.arc`, and a `scaleOrdinal` color scale. Text labels are positioned using arc centroids, and the legend is built manually with appended rectangles and text elements.

TTharun2022
95% 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
92% 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
91% match
Loading thumbnail…

ICE7-Pie Chart

This pie chart visualizes the maximum runs scored by cricketers, displaying each player's total as a labeled segment with a legend. The chart uses D3.js (d3.v5) to load CSV data via `d3.csv`, compute arc layouts with the `pie` and `arc` functions, and render SVG paths and text. Colors are assigned with `scaleOrdinal`, and values are formatted using `format`. The dataset is fetched from a remote gist URL, and the visualization includes player names and run totals in the legend.

AAsherpranayp
91% 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
89% match
Loading thumbnail…

ICE__7

A pie chart displays the all-time leading wicket-takers in ODI cricket, with each slice sized by the number of wickets and labeled via a legend listing player names and values. The visualization uses d3.pie and d3.arc to compute and render the SVG segments, while d3.scaleOrdinal with schemeCategory10 assigns colors based on wicket counts. Data loads from a remote CSV file using d3.csv, and mouseover events log the wicket value to the console. The chart is positioned with an SVG transform, and legend text styling is defined in an external stylesheet.

Vvineeth0000
89% match