Skip to main content
SimilarExport ZIP
100%

Fork of Line graph

✓ Published1🌍 Public
QQingyang Wang Profolio
Last edited Feb 27, 2023
Created on Feb 27, 2023
Forked from 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.

AI-generated description

A scatter plot of history WinRate of NBA team Celtics. Xaxis is year and Yaxis is Win Rate

there is a icon on the first page, and after click the icon you will see the line chart of this team 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
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
84% 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
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
82% 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
80% match
Loading thumbnail…

Fork of Fork of Create a face with d3.js!

This example visualizes the win records of multiple sports teams over a series of years, with each team represented by a separate colored line. The chart uses D3.js v7 to load CSV data from a remote Gist and render an SVG line chart with axes, labels, and a legend. The code specifically uses `d3.csv` with `d3.autoType` for data parsing, `d3.scaleLinear` and `d3.scaleOrdinal` for scales, `d3.line` for path generation, and `d3.axisBottom`/`d3.axisLeft` for the axes, with `d3.schemeCategory10` providing the line colors.

Ppraveennayak1702@gmail.com
73% match
Loading thumbnail…

Fork of Responsive Scatter Plot

This example visualizes the distribution of wins and losses across different teams for a specific year, using a pie chart to show each team’s share of total wins. The chart is generated from a CSV dataset loaded via `d3.csv`, with data filtered for the year 2020. Using D3.js v7, the code computes win percentages per team, applies a `d3.scaleOrdinal` color scheme, and renders the arcs with `d3.pie` and `d3.arc`. A legend, built with SVG rectangles and text, identifies each team’s color, while the layout is fixed at 400x400 pixels with a responsive margin.

Ppraveennayak1702@gmail.com
73% match
Loading thumbnail…

Fork of Fork of Random Squares and circles

This scatter plot visualizes the relationship between Year 1 and Year 2 wins for different teams, with each point representing a team’s performance across two consecutive years. The chart uses D3 v7 to load CSV data from a remote gist and render circles with steelblue fill at reduced opacity, allowing overlapping points to be distinguished. Axes are generated using D3’s `axisBottom` and `axisLeft`, with labels added via SVG text elements. The plot highlights outliers and patterns in team consistency over time, as described in the accompanying analysis text.

Ppraveennayak1702@gmail.com
73% match