T9 — VizHub

100%

T9

✓ Published0🌍 Public

Sshanmukhivasa@my.unt.edu

Last edited Apr 28, 2024

Created on Apr 28, 2024

A donut chart displays the top 20 highest individual runs scored in cricket, with each slice representing a player and colored by a categorical palette. The chart uses D3’s `pie`, `arc`, and `scaleOrdinal` APIs to generate and style slices, while a legend identifies each player. Data is fetched from a CSV URL and parsed with `d3.csv`, sorted by runs, and rendered as an SVG. Hovering over a slice dims it and shows a tooltip with the player’s name and run count.

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

82% 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…

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

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

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

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

80% match

Loading thumbnail…

Fork of ICE-7 Pie Chart

This fork of the ICE-7 Pie Chart visualizes the most runs by cricket players, displaying each player’s run count as a slice in a donut-style pie chart with a corresponding legend and numerical values. The chart uses D3 v5 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.format` to compute arc segments, assign colors, and format tick values. Data is loaded asynchronously from a CSV file via `d3.csv` and rendered as SVG paths, with legend items built from `rect` and `text` elements.

Cchandrakalavanukuri

80% match

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This example displays a pie chart of the top ten cricketers by total runs, with each slice sized proportionally to a player’s run count and colored via `d3.schemeCategory10`. A legend lists player names alongside their runs, formatted with `d3.format`. The chart is rendered as SVG using D3 v5, loading data from a JSON file with `d3.json`, and constructing arcs with `d3.arc` and `d3.pie`.

Nnithish-1999

79% match