Parallel Coordinates visualization of Cosmological parameters

100%

Parallel Coordinates visualization of Cosmological parameters

✓ Published0🌍 Public

Last edited Jul 9, 2015

Created on Jul 9, 2015

This parallel coordinates visualization displays 38 cosmological models, each characterized by six parameters: Hubble constant, matter density, baryon density, normalization of power spectrum, spectral index, and dark energy. The SVG rendering uses D3.js version 3.5.5, with `d3.svg.axis` and `d3.svg.line` to draw the axes and polylines. Each parameter gets its own vertical axis with linear scales via `d3.scale.linear`. Interactive brushing, implemented through `d3.svg.brush`, lets viewers filter models by dragging along any axis, dynamically hiding foreground lines that fall outside selected ranges. Data comes from the included cosmologies.csv file.

AI-generated description

Parallel coordinates visualization of Cosmological parameters which characterizes the chosen cosmological model. There are 38 comsological models in this visual. These models were chosen to built a cosmological emulator, and we used this in our upcoming paper on computation of non-linear matter power spectra.

Similar vizzes

Loading thumbnail…

Hipparcos Parallel Coordinates

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.

CCraftbd

71% 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

70% match

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

69% match

Loading thumbnail…

Parallel Coordinates

This interactive parallel coordinates visualization displays automotive data for cars from the 1970s and 1980s. Users can click and drag along any axis to brush and filter the dataset, or drag axis labels to reorder dimensions. Built with D3 v3, the SVG rendering uses `d3.svg.axis`, `d3.svg.line`, `d3.behavior.drag`, and `d3.svg.brush` to support filtering and dynamic reordering. The cars.csv dataset includes attributes like economy, cylinders, horsepower, and weight.

Mmbostock

68% 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

68% 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

68% match

Loading thumbnail…

Parallel Coordinates

This visualization uses parallel coordinates to compare country-level indicators like happiness, environmental engagement, and religious participation, with each country represented by a drawn path. The code loads data from a CSV file using `d3.csv` and renders the chart with D3 v3’s SVG and animation support. Users can drag any axis to reorder dimensions, and the `d3.svg.brush` component enables filtering along individual axes, temporarily hiding background paths during interaction. The visualization also uses ordinal and linear scales to map categorical dimensions and quantitative values to screen coordinates.

Eerin1234567

68% match

Loading thumbnail…

Parallel Coordinates

This parallel coordinates plot uses gray background lines to show all countries and blue foreground lines for focus, with each axis representing a dimension from the total4.csv dataset (Happiness, Art/Educational, Environmental, and other membership categories). Users can drag axes to reorder dimensions via `d3.behavior.drag`, and brush along axes with `d3.svg.brush` to filter which lines remain visible. The code builds SVG paths with `d3.svg.line`, applies linear scales per dimension, and animates reordering using `transition`.

Cchungmin-yu

68% match