Viewing a saved revision (read-only)
4b5b3d9328354752963ff91202ca0d16
Fork of Question 3 scattered plot
A scatter plot displays the fastest recorded times for professional cyclists, with each dot representing a rider’s year and finishing time. Red dots indicate doping allegations, green dots indicate no doping, and hovering reveals a tooltip with the rider’s name, nationality, and details. Built with D3 v5 and Vue, the visualization uses `d3.scaleLinear` for the x-axis, `d3.scaleTime` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick generation. Data is loaded via `d3.json` from the freeCodeCamp cyclist-data dataset.
AI-generated descriptionScatter Plot The scatter plot is a visualization that represents the relationship between two variables. In this project, the scatter plot represents the relationship between the budget and revenue of the movies. The x-axis represents the budget and the y-axis represents the revenue. The scatter plot is interactive and includes features such as a tooltip that displays additional information when you hover over a data point and the ability to select items of the same color based on a click.
Line Plot The line plot is a visualization that represents the change in a variable over time. In this project, the line plot represents the change in the average revenue of movies over time. The x-axis represents the year and the y-axis represents the average revenue. The line plot is also interactive and includes a tooltip that displays additional information when you hover over a data point.