Skip to main content
SimilarExport ZIP
100%

SCM QN v1

✓ Published0🌍 Public
Nnadia-el
Last edited Apr 15, 2020
Created on Apr 8, 2020
Forked from RADIAL TREE 3

This visualization displays a parallel coordinates plot of supply chain quality notifications (SCM QN) from pipe-delimited text data, showing categorical dimensions like notification origin, priority, and damage group. The D3 v3 code uses d3.svg.axis and d3.scale.ordinal for axes, with d3.dsv parsing the data and truncating values to 20 characters. A foreground path layer renders the multi-dimensional lines, while CSS styling controls axis rotation and label formatting. The visualization was adapted from Curran Kelleher’s "World Countries Hierarchy" block.

AI-generated description

Radial Tree Visualization of Countries Hierarchy. Has Panning and Zooming interaction.

Adapted from Curran Kelleher’s Block "World Countries Hierarchy".

MIT Licensed

Similar vizzes

Loading thumbnail…

SCM Quality Notification

This example displays a parallel coordinates plot of subsea control module quality notifications. It shows how multiple categorical attributes—including notification origin, priority, type, and various defect descriptors—relate across dozens of recorded issues. The visualization uses D3 v3’s `d3.svg.axis`, ordinal and linear scales, and a line generator to render each data record as a polyline. Data is loaded from a pipe-delimited text file via `d3.dsv` and rendered as SVG with interactive brushable axes.

Nnadia-el
87% match
Loading thumbnail…

Space Stations_QN

This parallel coordinates chart displays the attributes of subsea control module (SCM) notifications, with each axis representing a categorical field such as notification type, priority, origin, cause, damage description, material, and defect date. Each polyline traces a single record through the dimensions, revealing patterns and correlations across these variables. The visualization is built with D3.js (v3 and v5), using SVG for rendering and custom axes with brushes for interactive filtering. The data is loaded from a pipe-delimited text file containing 19 records of inspection and defect reports.

Nnadia-el
78% match
Loading thumbnail…

Tree3

Tree3 is an animated, interactive SVG tree diagram that visualizes a hierarchical dataset of failure causes and priorities, rooted at the "SCM QN" node. Built with the D3.js library (version 3.5.17), it uses `d3.layout.tree` and `d3.svg.diagonal` to render nodes and links from a CSV file. Users can click nodes to collapse or expand branches, triggering smooth transitions via `transition.attr` and `transition.duration`. The visualization displays the tree horizontally, with node depth mapped to horizontal spacing and text labels positioned accordingly.

Nnadia-el
68% match
Loading thumbnail…

Untitled

An interactive dendrogram displays a hierarchical breakdown of service quality indicators, with colored horizontal bars representing leaf node values. The visualization uses D3.js v4, specifically `d3.cluster()` for tree layout, `d3.stratify()` for hierarchical data structuring, and `d3.axisTop()` with custom tick formatting. Bars animate in width via SVG `transition()`, while node circles and labels are styled with CSS. Data comes from an embedded CSV file containing indicator IDs and corresponding values.

Rriccardost
67% match
Loading thumbnail…

Hello D3 Version 6

The visualization displays a box-and-whisker style summary of country populations, with a horizontal box, line, and scatter of circles, plus a red triangle marker at the median. It uses D3 v6 modules including `select`, `csv`, `scaleLinear`, `scaleBand`, `min`, `max`, and `d3.quantile` to compute quartiles from CSV data. The SVG rendering draws rectangles, lines, circles, and a symbol path via `d3.symbolTriangle`, with axes commented out, focusing on statistical distribution rather than individual bars.

Ppodduturipr
67% match
Loading thumbnail…

Project

This scatter plot visualizes annual export values from 2000 to 2016, comparing shipments to the United States against those to China, with each point representing a country-year observation. The chart uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes with abbreviated number formatting, while circles are rendered via SVG. Data comes from a CSV file loaded with `d3.csv`, and the code explicitly converts six country columns to numeric values before plotting. Red, semi-transparent circles reveal overlapping data density, with labeled axes and a title indicating the export comparison.

Vveagy
66% match
Loading thumbnail…

Final Project

This visualization presents worldwide export data from 2000–2016 as an animated scatterplot, with each circle representing a country and colored by indicator category. Users can dynamically switch the x- and y-axis metrics via dropdown menus, and clicking the color legend highlights or dims categories. The plot uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for colors, and transitions each circle’s radius from 0 to 10 over two seconds with staggered delays. A hover tooltip displays the reporter country name, while SVG rendering updates axes and legend selections.

Vveagy
66% match
Loading thumbnail…

A2Q3

This interactive scatterplot visualizes COVID-19 metrics across countries by continent, plotting selectable attributes from the Covid World May Data CSV on x- and y-axes. Users can compare new cases, total cases, and death counts, with points colored by continent via a legend. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and `extent` for scaling, while SVG circles render the data and dropdown menus control axis selection.

MmNamratha25
66% match