KanwalNayan

@KanwalNayan·2 public vizzes

Parallel Coordinates

This parallel coordinates chart visualizes survey data on happiness and organizational membership across countries, with each vertical axis representing a category like Environmental or Religious groups. The view uses grey background lines for all countries and blue foreground lines for focus, allowing users to compare multidimensional patterns. Built with D3 v3, the visualization supports interactive brushing on any axis to filter displayed countries, and users can drag dimension titles to reorder axes. Data loads from a CSV file, with axes scaled from 0 to 100 and animations smoothing drag transitions.

May 17, 2020

Loading thumbnail…

Parallel Coordinates

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.

May 17, 2020