Skip to main content
100%

ICE_7_Reusable Scatter Plot

✓ Published0🌍 Public
Ssaitejak1619@gmail.com
Last edited Mar 28, 2026
Created on Mar 28, 2026
Forked from D3 Starter

This reusable scatter plot explores the Digital Usage dataset by mapping screen time hours to productivity scores, with color distinguishing application categories such as Work, Social, Gaming, and Education. A regression trend line summarizes the negative relationship, while tooltips reveal exact values per point. Built with d3.v7, the chart uses d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal for scales and axes, with SVG circles for the marks. The design accepts configurable properties, enabling the same structure to be reused with different quantitative pairs.

AI-generated description

The reusable scatter plot was developed using the Digital Usage dataset to examine the relationship between screen time and productivity score. The x-axis represents screen_time_hours and the y-axis represents productivity_score, while color is used to distinguish application categories such as Work, Social, Gaming, and Education. A regression trend line was added to summarize the overall direction of the relationship, and tooltips were included to improve interactivity by displaying detailed values for each observation.

The chart suggests a negative relationship between screen time and productivity score. As screen time increases, productivity tends to decline, although the relationship is not perfectly linear. The spread of points indicates that users with similar screen time values may still have different productivity outcomes, which means other factors may also influence productivity. The reusable design is important because the same chart structure can be applied to other quantitative attribute pairs in the dataset simply by changing the input properties, reducing duplication and improving flexibility.

MIT Licensed

Similar vizzes