Skip to main content
100%

line chart Ice_7

✓ Published0🌍 Public
HHarshithaDontha@my.unt.edu
Last edited Oct 27, 2025
Created on Oct 27, 2025

This line chart shows the exam scores of ten students alongside their study hours, with each score point rendered as a distinct shape that changes by score range: triangles for scores under 60, diamonds for scores between 60 and 80, and crosses for scores above 80. The line itself uses a vertical gradient stroke, transitioning from green at lower scores to red at higher scores, with a dashed pattern. Built with D3 v7, the code employs `d3.scalePoint`, `d3.line`, `d3.axisBottom`, `d3.axisLeft`, and `d3.symbol` with triangle, diamond, and cross generators, all rendered as SVG elements.

AI-generated description
MIT Licensed

Similar vizzes