Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Parallel Coordinates

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed