Axes & Labels graph

100%

Axes & Labels graph

✓ Published1🌍 Public

Last edited Feb 27, 2023

Created on Feb 20, 2023

A scatter plot displays the historical win rate of the NBA team Celtics from 1978 to 2017, with the x-axis representing the year and the y-axis the winning percentage. The visualization, built with D3 v7, uses `scaleLinear` and `extent` to map data, while the custom `axis` function leverages `axisLeft` and `axisBottom` for labeled axes. Clicking a red circle triggers data loading from a CSV file and renders the plot using the `scatterPlot` module.

AI-generated description

A scatter plot of history WinRate of NBA team Celtics. Xaxis is year and Yaxis is Win Rate Data source form https://gist.github.com/wqygod/37e57c271546fe5b40759eeda8a20042

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

QQingyang Wang Profolio

86% match

Loading thumbnail…

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.

QQingyang Wang Profolio

84% match

Loading thumbnail…

First Viz

A scatter plot displays the historical win rate of the Boston Celtics NBA team per season, with the x-axis representing the year and the y-axis the win percentage. The visualization loads data from a local CSV file and parses it using `d3.csvParse`. It renders circular marks via `d3.select().join()` in a customized scatter plot. The code leverages `d3.scaleLinear` and `d3.extent` for scaling the axes, and states are managed with a simple `setState` mechanism.

QQingyang Wang Profolio

83% match

Loading thumbnail…

week 8 final project

This interactive dashboard presents the historical win rate of the Boston Celtics NBA team across seasons. The visualization begins with a static logo, and clicking it triggers a line chart that plots the winning percentage (W/L%) against the year, using D3's `scaleTime` and `scaleLinear` to map the data. The chart is rendered with `d3.line` and custom axes created via `axisLeft` and `axisBottom`. Data is loaded from a provided CSV file using `d3.csvParse`.

QQingyang Wang Profolio

79% match

Loading thumbnail…

Fork of Line graph

This interactive line graph visualizes the historical win rates of NBA teams from 2010-11 through 2021-22, with the x-axis representing the season year and the y-axis showing each team’s winning percentage. A dropdown menu lets the viewer highlight one of 30 teams, whose line is drawn in red while the others remain black. Built with D3 v7, the visualization uses `scaleTime` and `scaleLinear` for axes, `line` for path generation, and a `join` pattern for updating SVG elements on state changes. The data is loaded from a CSV file parsed with `csvParse`.

QQingyang Wang Profolio

72% match

Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between year and goals scored for NHL playoff teams, with circles colored by team. The chart includes labeled axes for both dimensions, rendering data from a CSV file. The visualization uses D3 v7 for its scales, axes, and data joins, with a helper function `scatterPlot` managing the plotting logic. Axes are generated using `axisLeft` and `axisBottom`, while `scaleLinear` and `extent` handle the data mapping. The visualization populates incrementally as data loads asynchronously via `fetch`.

Sstchiang

72% match

Loading thumbnail…

Final project week 8

This scatterplot compares recent and historical season win rates for nine teams, with the x-axis showing recent win rate and the y-axis showing historical win rate. Each team appears as a colored circle using D3’s `schemeCategory10` palette, positioned via `d3.scaleLinear` scales. The visualization renders through `d3.select` and `.join()` to bind the hardcoded data array, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes that divide the plot into four performance quadrants.

QQingyang Wang Profolio

71% match

Loading thumbnail…

Scatter Plot with Color

A scatter plot visualizes NBA player statistics with points colored by rebounds, showing the relationship between points and assists across players. The visualization uses React components with D3 v5 scales, including `scaleLinear` for both axes and `scaleOrdinal` for categorical color mapping. Data loads asynchronously from a CSV file via `useEffect` and `d3.csv`, rendering circles in an SVG with positioned axes.

FFAN CHI YU(范紀予)

70% match