Fork of Line graph

Fork of Line graph

This visualization displays a scatter plot of the Boston Celtics' historical win rate by season, with the x-axis representing years and the y-axis representing the winning percentage. After clicking a team logo icon, the view transitions to a line chart. The chart uses D3's `scaleTime`, `scaleLinear`, and `line` generators to render data parsed via `csvParse` from a local CSV file. Axes and labels are created with custom `axisLeft` and `axisBottom` functions.

84% match

Final Project

This interactive NBA visualization compares team winning percentages from 2010 to 2022 using two switchable chart types. A line chart displays seasonal win rates for all teams, highlighting a selected team in black, while a scatter plot shows the relationship between a team’s historical average win rate and its performance in a selected season using team logos as points. Users toggle between charts via buttons, select teams or seasons from dropdown menus, and hover over scatter plot logos for detailed tooltips. The visualization is built with D3 v7, using CSV data parsed and aggregated with `csvParse` and `flatRollup`.

81% match

Line graph

This line graph displays the historical win rate of the Boston Celtics NBA team from 1978 to 2018, with the x-axis representing the season year and the y-axis showing the winning percentage. The visualization uses `d3.scaleTime` and `d3.scaleLinear` to map data from a CSV file, which includes attributes such as Season and W/L% from a public gist source. The chart is rendered with `d3.line` to create the path, along with `d3.axisBottom` and `d3.axisLeft` for the axes, and includes custom labels for clarity.

78% match

Fork of Customizing Axes

This visualization displays the win counts for NCAA college basketball teams using a horizontal bar chart, with team names on the y-axis and game wins on the x-axis. Built with D3 v5, it uses `d3.scaleLinear` for the numeric x-axis and `d3.scaleBand` for categorical team labels. Customized axes include removed domain lines, modified tick styles via CSS, and added axis titles and chart heading. Data is loaded from a CSV file containing team statistics from the 2018 season.

JJadenzzz

Fork of NBA Player Games Played Bar Chart

This interactive bar chart displays games played by NBA players across all 30 teams, with a dropdown menu to select a team. Each bar represents a player, colored by wins (light green) versus losses (light coral), with a legend on the right. The React-based visualization uses D3 v5 scales and SVG rendering, with `scaleBand` for the x-axis player names, `scaleLinear` for the y-axis game counts, and the `csv` loader to fetch the NBA Player State dataset from a GitHub gist.

Rrmgoldberg24

Week 11 final project

This interactive NBA visualization plots team win rates for road and home games on a scatter plot, with team logos as the data points. A dropdown menu lets users switch between three seasons (2015–2017), updating the dataset and point positions. The visualization is built with D3 v7, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `selection.join` for declarative SVG updates. When a logo is clicked, the code references a separate scatter plot function, though that feature remains unfinished. Data is drawn from a hardcoded `dataSet` array containing win-rate percentages for nine teams.

Ddominicmecca07@gmail.com

Fork of NBA Players State Bar Chart

This interactive bar chart displays NBA player statistics for each of the 30 teams, letting viewers select both a team and a specific metric (points, field goals, rebounds, assists, steals, or blocks) via dropdown menus. For rebounds, bars split into offensive and defensive components with a color legend. The chart uses D3's `scaleBand` and `scaleLinear` for axes, renders bars as SVG `rect` elements with hover effects, and draws a mean line using D3's `line` generator. Data comes from a CSV of player stats, and the visualization is built with React and `react-dropdown` for controls.

Historical NBA Performance

This example visualizes historical win-loss records for every NBA team, showing winning rates over time. The data is fetched as CSV and parsed with `d3.csvParse`. While loading, the state flag triggers a re-render; the code currently outputs the parsed data as raw JSON text in a `pre` element using `d3.select` and `.text()`. The visualization logic is scaffolded through a `viz` function that manages state transitions via a `setState` callback, with the fetch initiated when `state.data` is undefined.