Skip to main content
SimilarExport ZIP
100%

SANKEY Diagram for Spread of COVID-19

✓ Published1🌍 Public
Nnadia-el
Last edited Oct 28, 2020
Created on Oct 28, 2020

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.

AI-generated description

This visualisation was implemented to show the rate of spread between countries in the early stages of the outbreak. as we can see in the sankey diagram.

From analysis we can see that the provinces china were the carriers of the virus to the rest of the world. which led to secondary travel to new places such as europe and australia to spread it further. to parts of America and Africa.

This visualisation was made for teh final project submissioin of teh data visualisation project.

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, 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
95% 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
95% 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
94% 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
92% 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
92% 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
89% 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
87% match
Loading thumbnail…

220620 Naver-Sankey (ver.1)

This Sankey diagram visualizes the spread of a virus between countries and regions, using node width and link thickness to represent the volume of transmission flows. Data is loaded from a JSON file and rendered as an SVG using the D3.js v5 library with a custom `d3.sankey` module. The implementation employs `d3.json`, `d3.scaleOrdinal`, and `d3.drag` for node interaction, while `sankey.layout` and `sankey.relayout` compute node positions and link paths.

Yyejichun@naver.com
84% match