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)

58cd405dd7d24b02a629b9f69249fdea

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