Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CSCE 5320 HW7 - Arrange Tables - SatyaTej Kammili

Public visualization

Viewing a saved revision (read-only)

36a26c19c2d048c1825bf979dc6a2523

CSCE 5320 HW7 - Arrange Tables - SatyaTej Kammili

0 stars0🌍 Public
SSatya Tej Kammili
Last edited Oct 30, 2026
Created on Oct 30, 2026
Forked from React & D3 Starter

This example displays 2023 country data using parallel coordinates, with lines colored by region. It shows the original axis order alongside a reordered configuration, allowing comparison of multidimensional patterns across population, GDP, CO₂ emissions, renewable energy percentage, and energy consumption. The visualization uses D3 v7’s `d3.scaleLinear`, `d3.scalePoint`, and `d3.line` to map dimensions, with `d3.scaleOrdinal` and `d3.schemeTableau10` for regional color encoding. A React wrapper (`index.jsx`) demonstrates D3 integration within a component. Data is fetched from a GitHub-hosted CSV file.

AI-generated description