Skip to main content
SimilarExport ZIP
100%

flow chart 1

✓ Published0🌍 Public
PPeiyang Li
Last edited May 4, 2023
Created on May 3, 2023

This flow chart visualizes the early-stage spread of a virus between global locations, with arcs drawn between paired longitude and latitude coordinates from a CSV file. The map uses a Mercator projection and displays the geographic network of transmissions, highlighting China’s provinces as primary carriers to other regions. Built with D3.js v4, the visualization renders SVG paths for both the world map and the connection lines, using `d3.geoMercator`, `d3.geoPath`, and `d3.csv` to load and project the data.

AI-generated description

This visualisation was implemented to show the rate of spread between people in the early stages of the outbreak. as we can see the flow map .

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Flow chart for the spread of COVID-19 across the world

This visualization maps the global spread of COVID-19 during the early outbreak, showing direct transmission links between geographic coordinates. A Mercator projection with `d3.geoPath` renders country outlines, while an overlay of `LineString` paths connects origin and destination points, revealing propagation routes from Chinese provinces to Europe, Australia, and beyond. The code uses `d3.queue` with `d3.json` and `d3.csv` to load world GeoJSON and coordinate data, with `d3.geoMercator` projecting all coordinates. The resulting SVG uses a dark teal stroke for each transmission arc against a gray world map.

VVarun Nangia
85% match
Loading thumbnail…

Fork of Flow chart for the spread of COVID-19 across the world

This visualization is a flow map that traces the early spread of COVID-19 between geographic locations, highlighting how provinces in China acted as initial carriers before secondary travel to Europe and Australia. The map uses a Mercator projection and renders a grey world map with green curved paths representing each connection. Built with D3 v4, it loads GeoJSON world boundaries and CSV coordinate data, then uses `d3.geoPath` to draw both the map and the line-based routes. The underlying data comes from the provided `data.csv` file.

NNikkko1
85% 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
77% match
Loading thumbnail…

MAP - CIRCLES

A world map visualization traces the spread of COVID-19 by drawing arcs and circles between countries. It shows the progression of the outbreak over time, with each circle representing a country's reported cases and each line indicating a transmission route from one nation to another. The visualization uses d3.geoNaturalEarth1 for the map projection, d3.geoPath for rendering country boundaries, and d3.scaleSqrt for sizing circles based on case counts. Data is loaded from two CSV files containing origin and destination coordinates, which are combined to create the curved connection paths.

Iinroadings
75% match
Loading thumbnail…

MAP - CIRCLES

This visualization maps the spread of COVID-19 from China to other countries using circles overlaid on a natural Earth projection. The size of each circle encodes population data from the source files, while arcs are attempted from longitude and latitude coordinates parsed from two CSV files. Built with D3 v5, it uses `geoPath`, `geoCentroid`, `scaleSqrt`, and `zoom` for interactivity, plus TopoJSON for country boundaries. The SVG rendering includes hover effects and a size legend.

Iinroadings
75% 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
74% match
Loading thumbnail…

MAP - CIRCLES

This visualization maps the global spread of COVID-19 by showing arcs from origin to destination countries, with circles marking each origin point and labels identifying the source country. The arcs are colored by origin country using a categorical scale, while a text list on the side ranks countries by the number of outgoing transmissions. The code uses `d3.geoNaturalEarth1` for the projection, `d3.geoPath` to draw country boundaries and arcs, and loads geographic data from a TopoJSON world atlas alongside two CSV files containing transmission records.

Iinroadings
74% 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
74% match