Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
JJoker-tr
Last edited Feb 6, 2020
Created on Feb 5, 2020
Forked from Hello VizHub

A parallel coordinates plot displays two data records across five categorical axes—Style, Intelligence, Focus, Magic, and Gender—with values scaled linearly from 1 to 10. Solid and dashed polylines represent each row, distinguishing the two series. Built with D3 v4, it uses `d3.scaleLinear` for y-axes, `d3.scalePoint` for x-axis positioning, and `d3.axisLeft` for rendering. SVG paths are generated via `d3.line`, with a custom legend annotating “Achieved Performance” and “Requirement.” Data loads from a CSV file containing two numeric rows.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A dumbbell plot displays paired numeric values for each categorical group. Cyan horizontal lines connect two circles per row, with teal circles marking value1 and magenta circles marking value2. The visualization uses D3.js v6, with `csv()` loading the Cleveland dataset from the Holtzy D3 graph gallery. Axes are rendered via `axisLeft()` for the categorical scale and `axisBottom()` for the numeric scale, while SVG shapes are drawn using joins within a React framework.

Ssubratanp
81% match
Loading thumbnail…

Untitled

A line chart visualizes a dataset of 13 coordinate pairs, plotting dependent values against independent variables across a 500x400 SVG canvas. The example uses D3 v4 within a React framework to construct a linear chart with labeled axes, a title, and red circular markers. The code specifically employs `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for ticks, and a custom line generator via `d3.line` with monotone curve smoothing to connect the data points. The visualization is rendered entirely as SVG elements, with fixed margins and translated groups for positioning.

Nnamansinghal1420
80% match
Loading thumbnail…

Untitled

This chart displays multiple lines tracking the change in a numeric value over time, with each line representing a different named group. It uses d3.csv to load the dataset from a GitHub URL, then d3.nest groups rows by name to create a series per category. Each series is drawn as a separate path using d3.line, with a d3.scaleOrdinal assigning colored strokes from a categorical palette. An SVG is rendered into the page, with d3.axisBottom and d3.axisLeft providing the x and y scales for the time-based and numeric axes.

Hhshs1115
80% match
Loading thumbnail…

Untitled

This visualization displays a parallel coordinates plot of automobile data from the cars.csv file, with each line representing a car and each vertical axis a numeric attribute such as economy, horsepower, or weight. The axes can be dragged to reorder dimensions, and brushing on an axis filters the foreground lines to highlight cars matching the selected range. The implementation uses D3 v3 with d3.svg.line for paths, d3.svg.axis for scales, and d3.svg.brush for interactive filtering, rendered as animated SVG.

WWei-Che Chang
79% match
Loading thumbnail…

Untitled

This interactive parallel coordinates plot uses the D3.js v3 library to visualize a dataset of car characteristics, including fuel economy, engine displacement, power, weight, and acceleration. The SVG rendering shows each car as a polyline crossing multiple vertical axes, with steelblue foreground lines for focus and grey lines for background context. Users can drag the axis labels to reorder the dimensions and use the built-in brush component on each axis to filter the displayed cars dynamically, updating the foreground paths in real time.

Eeugene-gilmore
79% match
Loading thumbnail…

data vis 2

A parallel coordinate plot visualizes the Iris dataset’s four numeric measurements across categorical species, with each flower as a polyline and axes colored by class. Users can drag any axis horizontally to reorder dimensions, with paths animating smoothly to the new arrangement via D3 transitions. Built with React and D3 v5, it uses `scalePoint`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `line()`, and the `drag` behavior. SVG renders the polylines, axes, and a custom legend, while CSV data is loaded asynchronously.

Yyeeet0421
78% match
Loading thumbnail…

Untitled

This line chart visualizes a dataset of 13 coordinate pairs, plotting the relationship between an independent and a dependent variable. The chart is constructed using D3 v4, with linear scales for both axes and red dots connected by a monotone curve. The SVG output includes a title, axis labels, and axes generated using `d3.axisBottom` and `d3.axisLeft`. The data is hardcoded as a 2D array, and the line is drawn using the `d3.line` generator with monotone interpolation.

Nnitika1234567
78% match
Loading thumbnail…

Untitled

A dropdown menu switches between three data series in this connected scatterplot, updating both a line path and circular points with smooth transitions. The visualization reads time-series data from an external CSV file and renders it as an SVG using d3.line, scaleLinear axes, and transition methods for animated updates. A second custom chart built with d3's modular API and scalePoint scales demonstrates categorical axis support with staggered circle entrance animations.

Eemberix@gmail.com
78% match