Line graph

100%

✓ Published2🌍 Public

Last edited Feb 27, 2023

Created on Feb 27, 2023

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.

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…

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

88% match

Loading thumbnail…

Axes & Labels graph

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.

QQingyang Wang Profolio

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

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

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

78% match

Loading thumbnail…

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`.

QQingyang Wang Profolio

70% match

Loading thumbnail…

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.

QQingyang Wang Profolio

70% match

Loading thumbnail…

Transforming data of Historical NBA Performance

This example displays historical average winning percentages for NBA teams, computed from a CSV dataset and rendered as a JSON array. The visualization uses D3 v7’s `flatRollup` and `sum` functions to aggregate win percentages per team across all seasons. After fetching the data via a URL, `csvParse` converts the CSV string into objects. The computed results are output as formatted text inside a `<pre>` element, demonstrating a straightforward data-transformation pipeline without additional chart rendering.

QQingyang Wang Profolio

69% match