Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

multi-series line chart

Public visualization

multi-series line chart

0 stars0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Oct 21, 2025
Created on Oct 21, 2025
Forked from HTML Starter

This multi-series line chart visualizes product attributes—Rating, NumReviews, and Price—across different product categories. Using the D3.js library, the code aggregates the dataset by category and plots three smoothed lines (via `d3.curveMonotoneX`) on a shared axis, with color encoding distinguishing each metric. The visualization also includes a combined bar and line chart below, comparing the first two numeric columns using dual y-axes. The SVG rendering leverages D3's `scaleBand`, `scaleLinear`, and `scaleOrdinal` APIs for layout and color mapping, with axis labels rotated for readability.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed