Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of ICE7 Pie Chart

✓ Published0🌍 Public
Ppemmasaniprudhvinadh
Last edited Mar 30, 2023
Created on Mar 30, 2023

A pie chart displays the total runs scored by eight prominent cricketers, highlighting the dominance of Sachin Tendulkar with 53,378 runs relative to others. The visualization loads data from a JSON file and uses D3 v5’s `pie` and `arc` generators to create SVG paths, with `scaleOrdinal` and `schemeCategory10` assigning colors to each segment. A legend on the right maps each player’s name and formatted run total using `format`, while arcs are rendered without inner radius. The chart emphasizes comparative performance through proportional slice areas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

A pie chart displays the total runs scored by ten top cricketers, with each slice sized proportionally to a player's career run total and labeled in a legend with player names and formatted values. The visualization loads data from a JSON file, then uses d3.pie to compute arc segments and d3.arc with an innerRadius of zero to render full circle slices. d3.scaleOrdinal applies the category color scheme, while SVG paths and legend rectangles are generated via d3.select and data joins.

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

Fork of Fork of Fork of ICE7 Pie Chart

A pie chart depicts the top ten cricketers by runs scored, with each slice's area proportional to the player's total. It shows each player's name and runs in a legend, using a categorical color palette assigned to the data values. The visualization is created using D3 v5, employing the `d3.pie` function to compute arc segments and `d3.arc` for rendering the SVG paths, with `d3.scaleOrdinal` for color mapping. Data is loaded from a JSON file and rendered inside an SVG element, with legend text and values styled via CSS.

GGARIDIDEEKSHITHREDDY
91% match
Loading thumbnail…

Fork of Fork of Fork of ICE7 Pie Chart

This pie chart displays the top ten cricketers by total runs, with each slice’s size proportional to the player’s run count and a color-coded legend listing names and values. The visualization loads data from a JSON file and uses d3.pie to compute angles, d3.arc for path generation, and d3.scaleOrdinal with schemeCategory10 for colors. It renders as an SVG, featuring labeled legend entries formatted with d3.format.

MMar-99
90% 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
90% 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
90% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE7 Pie Chart

This pie chart visualizes the total runs scored by ten top cricketers, with each slice sized proportionally to a player’s run total and colored using d3.schemeCategory10. A legend on the right lists each player’s name and formatted run count. The visualization loads data from a JSON file, processes it with d3.json, and renders SVG paths using d3.pie() and d3.arc(). Color mapping and legend generation rely on d3.scaleOrdinal and d3.format for numeric tick labels.

Eeravellisaimeghana
90% match