Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Parallel Coordinates

Public visualization

Viewing a saved revision (read-only)

cb1a8d6501b74c64a332b01c0254eb21

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