Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Parallel Coordinates

Public visualization

Viewing a saved revision (read-only)

cdb2fcb135304d5fb4270a5aa346f175

Parallel Coordinates

0 stars1🌍 Public
KKanwalNayan
Last edited May 17, 2020
Created on May 17, 2020

This parallel coordinates chart uses color-coded polylines to display country-level survey data across multiple dimensions, including happiness, art/education, environmental concern, and organizational memberships. Built with D3.js v3, the visualization renders SVG paths for both background context (gray) and foreground focus (steel blue) lines. The code implements interactive brushing via `d3.svg.brush()` to filter data, and uses `d3.behavior.drag()` to allow users to reorder axes by dragging. Axis labels are mapped through `d3.scale.ordinal()` and `d3.scale.linear()`, with data loaded from the `total4.csv` file.

AI-generated description

Using Parallel Coordinates by Jason Davies