Parallel Sets

100%

✓ Published2🌍 Public

Last edited Apr 7, 2021

Created on Apr 7, 2021

This visualization shows the presence or absence of various genetic markers, including antibiotic resistance genes, across multiple bacterial isolates. A parallel sets diagram displays the data as interconnected vertical columns representing different genes, with flows between them indicating co-occurrence patterns. The code uses D3.js version 6 to render the visualization as an SVG, reading the dataset from a CSV file. Each isolate is a row in the data, and the diagram reveals how genetic markers cluster together across the sample population, though the README incorrectly references world population data.

AI-generated description

this bar diagram represents top 5 populated countries world population

MIT Licensed

Similar vizzes

Loading thumbnail…

ctx

This example visualizes the presence or absence of antibiotic resistance genes across 10 bacterial isolates using a dataset from a CSV file. The visualization displays a circular node-link diagram where green circles represent individual genes or clades, connected by lines to show co-occurrence patterns. The implementation uses D3.js with a force simulation (`d3.forceSimulation`) to position the nodes, while the chart type is defined as a vertical bar-like layout via `cht=v` and `chd=t` parameters, suggesting a Google Charts API formatting. The data is parsed from a tab-separated CSV and rendered in an HTML page with custom styles for circles and text.

Mmanishabehera

72% match

Loading thumbnail…

Parallel Coordinates2

This parallel coordinates chart displays genomic alignment data between two fungal species, with each line representing a syntenic region connected across eight numeric and categorical axes. Axes can be clicked and dragged to reorder dimensions, and brushed to filter the data interactively. The SVG visualization uses D3 v3 scales to map genomic positions and identifiers, with steelblue polylines on a light gray backdrop. Reordering axes is enabled, allowing viewers to rearrange dimensions and explore correlations among genomic coordinates and gene identifiers across the two species.

JJularenas

69% match

Loading thumbnail…

Parallel Coordinate (0660035)

This visualization displays the Iris dataset as a parallel coordinate plot, with each flower sample represented by a colored line connecting four numeric measurements (sepal length/width and petal length/width) across vertical axes. The three iris species are distinguished by line color: setosa appears green, versicolor purple, and virginica red. The code uses d3.scalePoint for axis positioning and d3.scaleLinear for each dimension’s value mapping, rendering lines as SVG paths with semi-transparent strokes. Axis labels are generated using d3.axisLeft, while the data loads from a CSV file via d3.csv.

Ppeter6179

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

63% match

Loading thumbnail…

parallel coordinates

This parallel coordinates chart displays six dimensions of college data—including parental income, kid earnings, and mobility rate—across six tiers of institutions, with each tier color-coded via `d3.svg.line` strokes. The visualization uses `d3.scale.ordinal` for axis placement and `d3.scale.linear` for each dimension, rendering gray background paths for all records and colored foreground paths for focus. Users can brush along any axis using `d3.svg.brush`, which filters the foreground lines to highlight subsets. Data comes from the embedded `mrc_table.csv` file.

GGoomble

63% match

Loading thumbnail…

Parallel Coordinate Plot

A parallel coordinate plot displays 40 leaf specimens across 14 numeric traits, with each specimen drawn as a stroked path. Users can drag axis labels to reorder the dimensions, and the paths and axes animate smoothly during reordering. The visualization uses D3 v5 with SVG rendering, relying on `d3.scalePoint`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.drag` to handle interactivity. Data comes from a CSV file that includes leaf shape and texture measurements.

HHugo-Dominguez

63% match

Loading thumbnail…

Untitled

This visualization compares ciprofloxacin MIC values with fluoroquinolone resistance genes across six bacterial isolates using a Google Bubble Chart. The x-axis shows fluoroquinolone-resistant determining factors, the y-axis displays MIC levels in µg/mL, while bubble size encodes MIC value and color distinguishes isolates. The chart uses the Google Charts API's `google.visualization.BubbleChart` with data embedded directly via `arrayToDataTable`. An untitled D3.js script in the same project renders a separate bar chart of population data from a CSV.

Mmanishabehera

63% match

Loading thumbnail…

Parallel Coordinate

This interactive parallel coordinate plot visualizes the Iris dataset, showing each flower’s measurements across four selectable axes, with lines colored by species (setosa, versicolor, virginica). Users change variables via dropdown menus, triggering a d3 transition that animates the polylines to new positions. The visualization uses D3 v7 with d3.scaleLinear, axis generators (axisLeft, axisBottom), d3.csv for data loading, and SVG rendering.

ZZeroKurosakii

63% match