Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CSCE 5320 HW7 – Arrange Tables

Public visualization

Viewing a saved revision (read-only)

fe5242abcfe94e0892954f32bf7b7938

CSCE 5320 HW7 – Arrange Tables

0 stars0🌍 Public
Vvvit.21bq5a0514@gmail.com
Last edited Oct 31, 2026
Created on Oct 31, 2026

This interactive table-arrangement example demonstrates multiple bar-chart layouts, stacked and grouped bar charts, heatmaps, a radial chart, and parallel coordinates for country-level CO₂ and energy data. Buttons switch between orderings such as alphabetical, by value, by derived attribute, and reordered heatmaps. The code uses d3.scaleBand, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.select to render SVG marks, with data loaded from a CSV file filtered to 2023 values.

AI-generated description