Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Vinay Task 3 Multi-Series Line Chart

Public visualization

Vinay Task 3 Multi-Series Line Chart

0 stars1๐ŸŒ Public
VVinay Kumar Parvathini
Last edited Mar 9, 2026
Created on Mar 8, 2026
Forked from Vinay Task 2

This example shows a combined bar and multi-series line chart comparing average study time and absences across 20 student groups derived from a Student Performance dataset. The visualization pairs steelblue bars for study time on a left y-axis with a crimson monotone line and points for absences on a right y-axis. Built with React and D3 v7, the SVG chart uses d3.tsv for data loading, d3.scaleBand and d3.scaleLinear for scaling, d3.line with d3.curveMonotoneX for the line, and d3.axisLeft, d3.axisRight, and d3.axisBottom for gridlines and tick marks.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed