Radial pie - Player statistics

100%

Radial pie - Player statistics

✓ Published3🌍 Public

Last edited May 26, 2020

Created on May 26, 2020

Forked from Radial pie - Player statistics

This radial pie chart displays NBA player statistics across multiple seasons, using stacked segments to compare metrics like points, assists, and rebounds. Each state or season forms a slice, with segment lengths representing proportional values from the CSV data. The visualization uses d3.scaleRadial for the radial axis, d3.stack for layering, and d3.arc for rendering paths. SVG output includes custom labels, a legend, and circular gridlines with tick marks, all styled via D3 v4.

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

Radial pie - Player statistics

This radial pie chart visualizes player statistics across multiple categories, with each wedge representing a season and the radial extent encoding total values. The visualization uses stacked segments colored by performance metrics, with state labels rotated around the circumference. It employs d3-scale-radial for the radial axis, d3.arc for path generation, and d3.stack for segment composition. The chart includes circular gridlines, value labels, and a legend, all rendered as SVG within a React framework.

Ssowbalas

95% match

Loading thumbnail…

Fork of Radial pie - Player statistics

This example shows a radial pie chart of US state population data across age groups. The chart uses a circular layout with stacked bars for each state, and labels for state abbreviations positioned around the outer ring. The code leverages `d3.scaleBand` for angular positioning, `d3.scaleRadial` from the `d3-scale-radial` library for radii, and `d3.stack` for the stacked segments. SVG paths are drawn using `d3.arc`, with color encoding via `d3.scaleOrdinal` and a legend for age categories.

TTracey

83% match

Loading thumbnail…

radial pie ex

A radial pie chart displays the distribution of population by age group across U.S. states, using stacked arcs with a color scale for each age band. The visualization employs `d3.scaleBand` for angular positioning, `d3.scaleRadial` for radius, and `d3.arc()` to render the SVG paths. Data from `data.csv` is loaded via `d3.csv` and processed with `d3.stack`, while state labels rotate around the outer ring based on their computed angle. A legend and circular gridlines with tick marks provide reference for the radial magnitude.

AAtlasZen

81% match

Loading thumbnail…

Fork of Radial pie - Player statistics - myViz

This visualization displays age distribution across U.S. states using a radial pie chart, where each state occupies a band segment and stacked segments represent age groups. The chart uses `d3.scaleBand` for angular positioning and `d3.scaleRadial` for radial extent, with `d3.stack` preparing the data from `data.csv`. A custom `d3-scale-radial.js` module provides the `scaleRadial` scale. SVG rendering includes axis circles, state labels, and a color-coded legend for the seven age brackets.

LLearning Monk

81% match

Loading thumbnail…

radial pie ex

A radial pie chart visualizes the distribution of music genres by artist gender and type, with each segment's arc length proportional to the total artist count. The visualization fetches artist data from an external JSON file, aggregates genres, and categorizes counts by gender (Male, Female), group, or unknown. Users can filter by country or adjust the number of displayed genres using a slider. Built with D3 v5 and React, it uses a custom `scaleRadial` for the radius, `scaleBand` for angles, and renders as an SVG.

AAtlasZen

80% match

Loading thumbnail…

NBA Players' Skills Chart

This example presents a spider chart and a pie chart examining NBA player statistics for the 2020-2021 season. The spider chart displays six per-game skill metrics—points, rebounds, assists, steals, blocks, and turnovers—for a selected player, with dropdowns to choose a team and player. The pie chart visualizes the player’s win-loss record. Built with React and D3 v5, the SVG renderings use `scaleLinear` for radial axes, `scaleOrdinal` for colors, and `pie` and `arc` for the pie chart, reading data from a CSV via `csv`.

YYichen Li

79% match

Loading thumbnail…

Fork of NBA Player Games Played Bar Chart

This interactive radar chart visualizes NBA player performance statistics—points, rebounds, assists, steals, blocks, and turnovers—for a selected team and player from a CSV dataset. Built with React and D3 v5, it uses d3.scaleLinear for each metric axis, positioned radially using trigonometric calculations, and renders SVG circles and paths with animation. Users select a team from a dropdown, then choose a player to display their statistical profile as a polygon overlay on the radar grid.

YYichen Li

77% match

Loading thumbnail…

NBA Radar Chart

This example visualizes NBA player statistics as a smoothed, multi-axis radar chart, comparing seven performance metrics like effective field goal percentage, rebounds, assists, and points per game. Data from the included CSV file is normalized to a 0–1 scale before being plotted. The chart is rendered using React and D3.js (v5), with the custom `RadarChart` function building the SVG, applying an ordinal color scale, and using a glow filter via `feGaussianBlur` for visual enhancement.

JJack Hanlon

77% match