Skip to main content
SimilarExport ZIP
100%

Sunkey Test

✓ Published0🌍 Public
LLex
Last edited May 12, 2020
Created on Mar 16, 2020

This example visualizes COVID-19 transmission pathways as a Sankey diagram, showing flows from a central transmission node to categories like public transit, social contacts, and travel-related locations. The diagram uses draggable nodes and links with stroke widths proportional to flow values, with labels indicating percentages. Built with D3 v4, it employs the `d3.sankey` plugin to compute the layout, renders nodes as SVG rectangles, and uses `d3.drag` for interactive repositioning. Data comes from a local JSON file containing nodes and links, with color mapping via `d3.scaleOrdinal`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

SANKEY Diagram for Spread of COVID-19

This Sankey diagram visualizes the early spread of COVID-19 between countries, with China as the primary source and the USA as the main destination, using weighted links to show transmission flow. The D3 v5 code loads data from a JSON file and renders an interactive SVG using `d3.sankey()` for node alignment and link path generation. Nodes are draggable via `d3.drag()`, and link thickness reflects transmission values, with colors assigned using `d3.scaleOrdinal`. The layout computes node positions through iterative relaxation and collision resolution.

Nnadia-el
83% match
Loading thumbnail…

Fork of SANKEY Diagram for Spread of COVID-19

This Sankey diagram visualizes the spread of COVID-19 between countries during the early outbreak, showing primary flows from China to nations worldwide and secondary transmissions between other regions. The D3.js v5 visualization uses the `d3.sankey` layout to render an SVG graph with draggable nodes and curved links. Link stroke width encodes transmission value, while node colors categorize countries using `d3.scaleOrdinal` with the `schemeCategory10` palette. The data originates from a JSON file listing source-target pairs with numeric spread values.

Mmynameiskris
82% match
Loading thumbnail…

TEST

This visualization shows the spread of COVID-19 between countries in the early stages of the outbreak, using a Sankey diagram to trace the rate of transmission from China to other global regions. The diagram makes visible how provinces in China acted as primary carriers, with secondary travel from Europe and Australia facilitating further spread to America and Africa. Implemented with D3.js v5 and custom Sankey layout code, the visualization uses SVG rendering with draggable node rectangles and curved link paths whose thickness represents transmission value. The data is loaded from a local JSON file containing country-to-country links with numerical spread weights.

LLSAWB
82% match
Loading thumbnail…

Fork of SANKEY Diagram for Spread of COVID-19

This interactive Sankey diagram visualizes the early global spread of COVID-19, tracing transmission from production hubs like China to countries worldwide. The D3 v5 visualization uses a custom `d3.sankey` layout, with SVG rendering and drag-and-drop node repositioning via `d3.drag`. Link thickness represents transmission values loaded from a JSON file, while node colors differentiate regions, illustrating how initial carriers in Asia led to secondary outbreaks across Europe, the Americas, and Africa.

Ccatherinemailly
82% match
Loading thumbnail…

SANKEY Diagram for Spread of COVID-19

This Sankey diagram visualizes the early spread of COVID-19 between countries, using node and link thickness to represent the relative volume of transmission. The diagram shows China as the primary source, with flows to Japan, the UK, and other nations, which then propagate to secondary destinations. The visualization is built with D3.js v5, using a custom `d3.sankey` layout algorithm to position nodes and draw curved links as SVG paths. Node rectangles are draggable, and hovering over a link reveals a tooltip with the source, target, and value. Data is loaded from a JSON file containing named nodes and weighted links.

VVarun Nangia
81% match
Loading thumbnail…

SANKEY Diagram for Spread of COVID-19

This Sankey diagram visualizes the early spread of COVID-19 between countries, using node and link thickness to represent the relative volume of transmission. The diagram shows China as the primary source, with flows to Japan, the UK, and other nations, which then propagate to secondary destinations. The visualization is built with D3.js v5, using a custom `d3.sankey` layout algorithm to position nodes and draw curved links as SVG paths. Node rectangles are draggable, and hovering over a link reveals a tooltip with the source, target, and value. Data is loaded from a JSON file containing named nodes and weighted links.

VVarun Nangia
81% match
Loading thumbnail…

Fork of SANKEY Diagram for Spread of COVID-19

A Sankey diagram visualizes the early spread of COVID-19 between countries, with China as the primary source and Japan, the UK, and South Korea as major secondary hubs. The diagram shows the flow of cases from these origins to destinations around the world, including Europe, the Americas, and Africa. The implementation uses the d3.sankey plugin to compute node positions and link paths, rendering the result as an SVG with draggable nodes. A data.json file supplies the weighted country-to-country links, and the nodes are colored according to their name using d3.scaleOrdinal.

DDaniel
80% match
Loading thumbnail…

220620 Naver-Sankey (ver.2)

This interactive Sankey diagram visualizes the early spread of COVID-19 between countries and regions. The diagram shows flow from Chinese provinces to other global destinations, with multiple stages of transmission. It uses D3.js v5 with the `d3.sankey` layout on an SVG canvas. Nodes are draggable, and links are colored and sized by flow value. The visualization draws on JSON data containing numeric link values that represent the rate of spread.

Yyejichun@naver.com
80% match