Viewing a saved revision (read-only)
79afdececae748e7b3a022f89db5f2fc
Line Plot comparing 2021-2022 PL teams xP to Total points Updated
This interactive line plot compares a selected Premier League team's expected points (xP) to their actual points across the 2021-2022 season. Users choose a team by clicking a button with the team’s logo, which updates the visualization using D3.js v7. The chart uses `d3.scaleLinear` and `d3.line` to render the two lines, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Team data is fetched from a GitHub Gist CSV file.
AI-generated descriptionA scatter plot of the PL xG data with axes and a button.
Help from: https://d3-graph-gallery.com/graph/line_select.html and https://www.w3schools.com/howto/howto_js_dropdown.asp and https://www.freecodecamp.org/news/how-to-build-a-dropdown-menu-with-javascript/ and https://alvarotrigo.com/blog/drop-down-menu-javascript/ and https://www.solodev.com/blog/web-design/how-to-add-scroll-functionality-to-your-dropdowns.stml and https://www.youtube.com/watch?v=POeKjbV6TMI and https://www.w3schools.com/js/js_events.asp and https://www.sololearn.com/Discuss/422441/how-to-use-image-as-a-button-in-java-script and https://www.d3indepth.com/selections/