Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Multi-Series Line Chart (Student_ID vs Hours, Sleep, Score)

Public visualization

Multi-Series Line Chart (Student_ID vs Hours, Sleep, Score)

0 stars0🌍 Public
RRamdas Dheeraj
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from HTML Starter

This example uses a multi-series line chart to compare hours studied, sleep hours, and exam scores for each student, allowing viewers to spot trends across the dataset. The D3.js code loads a CSV file, dynamically detects column names, and renders three colored lines on a shared axis. It employs `d3.dsvFormat` for parsing and `d3.select` for SVG manipulation, with a custom legend indicating each series. The chart is rendered as an SVG with a dark theme and styled axes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed