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.
AI-generated descriptionIn this week's protoco, I add menu into the graph and let users to select three differnent years to get different data.
In this week, I try to add more interaction in the graph, when player click the graph, that can show another ScatterPlot to them. I am still working on that, and I am also try to add a Unite state map combine with each team. The hard point is I can only find the united State map based on state or countries, but my dataset is based on different cities. I am trying to decide a correct form to show that.