220620 Naver-Sankey (ver.2)

100%

220620 Naver-Sankey (ver.2)

✓ Published0🌍 Public

Last edited Aug 26, 2022

Created on Jun 20, 2022

Forked from 220620 Naver-Sankey (ver.1)

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.

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…

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

93% match

Loading thumbnail…

Naver-Sankey(val>20일 때 val=20)

This is a Sankey diagram that visualizes the early spread of COVID-19 between countries and continents, showing flow rates between source and target regions. The code uses d3.v5 and the custom sankey.js library to render the diagram as an SVG. Node colors are assigned via d3.scaleOrdinal with d3.schemeCategory10, and links use d3.sankey's link path generator. Data is loaded from a JSON file with d3.json, and node dragging is enabled with d3.drag, triggering sankey.relayout to update the paths.

Yyejichun@naver.com

92% match

Loading thumbnail…

Fork of Naver-Sankey

A sankey diagram visualizes the spread of an outbreak between countries, showing origin nodes on the left flowing through intermediate regions to final destinations on the right. Implemented with D3.js v5, it uses the `d3.sankey` layout to position nodes and compute link thickness, while `d3.drag` enables interactive node repositioning. The SVG rendering includes colored node rectangles and curved links with hover tooltips, driven by numeric values in a JSON dataset.

Yyejichun@naver.com

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

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

87% match

Loading thumbnail…

SANKEY Diagram for Spread of COVID-19

VVarun Nangia

87% match

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

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

86% match