Hipparcos Parallel Coordinates

100%

Hipparcos Parallel Coordinates

✓ Published0🌍 Public

Last edited Apr 5, 2018

Created on Apr 5, 2018

This interactive visualization employs parallel coordinates to explore the Hipparcos star dataset, revealing correlations between stellar attributes such as magnitude, color index, and proper motion. Brushing along a vertical axis filters the displayed lines, and a scatterplot echoes the selected stars. The implementation uses d3.v2 for SVG axes and brushing, while Canvas renders the dense polylines for performance.

AI-generated description

Hipparcos Dataset

Hertzsprung-Russell Diagram

forked from <a href='http://bl.ocks.org/syntagmatic/'>syntagmatic</a>'s block: <a href='http://bl.ocks.org/syntagmatic/2514902'>Hipparcos Parallel Coordinates</a>

mit Licensed

Similar vizzes

Loading thumbnail…

d3 | Parallel Coordinates

This example shows a parallel coordinates plot of planetary data from NASA, displaying each planet’s day length, distance from the Sun, orbital period, mass, and diameter as linked polylines across vertical axes. Users can brush along any axis to filter the highlighted lines, and drag axes to reorder them. The visualization uses the d3.parcoords library, built on d3.v3, with SVG for axes and canvas layers for rendering shadow, foreground, and highlight strokes, plus animation during drag transitions.

GGoomble

77% match

Loading thumbnail…

Exoplanets Paralle Coordinates

This interactive parallel coordinates chart visualizes a dataset of exoplanet properties, including orbital period, mass, and discovery method, across multiple axes. Users can brush along any axis to filter the displayed polyline series, which are rendered as SVG axes and an overlaid semi-transparent Canvas layer for performance. The visualization uses D3.js for scales, axes, and brushing interactions, with a custom render-queue script to manage the Canvas drawing and achieve smooth filtering.

Mmuzzheng

75% match

Loading thumbnail…

Parallel Coordinates

This parallel coordinates visualization displays multivariate data from a cars dataset recorded in CSV format, with each row represented as a path crossing multiple vertical axes. Users can drag axes to reorder dimensions and brush along them to filter highlighted foreground lines, while gray background lines provide context. Built with D3 v3, the example uses SVG rendering, ordinal and linear scales, `d3.svg.axis`, `d3.svg.line`, `d3.behavior.drag`, and `d3.svg.brush`. Axes reorder smoothly with transitions, and brushing toggles focus based on selected extents.

BBBischof

72% match

Loading thumbnail…

Parallel Coordinates

This parallel coordinates visualization displays data for cars from the 1970s and 1980s from a CSV file, mapping each car as a polyline across vertical axes representing dimensions such as economy, cylinders, displacement, power, weight, and acceleration. The visualization allows users to interactively reorder axes and brush along any dimension to filter the dataset. Built with D3 v3, it uses `d3.svg.line()`, `d3.svg.axis()`, and `d3.svg.brush()` for rendering and interaction, with SVG paths for the background and foreground lines.

115Dkatz

72% match

Loading thumbnail…

Parallel Coordinates

This parallel coordinates visualization displays automotive data from the 1970s and 1980s, with each car represented as a polyline crossing seven axes for metrics like economy, cylinders, power, and weight. Using D3 v3, the SVG-based chart renders gray background lines for all cars and steelblue foreground lines that filter interactively. A d3.svg.brush component on each axis allows users to drag and select ranges along a dimension, dynamically hiding lines that fall outside the brushed extent. The code loads car data from a CSV file and applies linear scales with d3.scale.linear for normalization.

Mmbostock

72% match

Loading thumbnail…

Parallel Coordinates

This parallel coordinates visualization displays automotive data from the 1970s and 1980s, with each car represented as a line across seven dimensions such as fuel economy, horsepower, and weight. Users can drag axes to reorder dimensions and brush along an axis to filter which cars remain visible. Built with D3 v3, it uses `d3.svg.brush` for interactive filtering, `d3.svg.axis` for scales, and `d3.behavior.drag` to reposition axes. The SVG renders both background and foreground paths, with foreground lines dynamically hidden based on brush extents.

深深度碎片

71% match

Loading thumbnail…

Linking to Data Table

A parallel coordinates chart displays planetary data from NASA, with each axis representing a dimension like orbital period or mass. Brushing and dragging axes are supported, alongside a linked data table showing the first ten rows. The visualization uses the `d3.parcoords` library for canvas rendering of lines, while a custom `d3.divgrid` component handles the table. Hovering over a table row highlights the corresponding line via the `parcoords.highlight` API, and brush events update the table's filtered data.

GGoomble

71% match

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.

KKanwalNayan

71% match