https://github.com/yizhe-ang/trade-network-vis

Interactive visualization of the international trade network using Svelte.
https://github.com/yizhe-ang/trade-network-vis

d3 graph interactive network svelte trade visualization

Last synced: 28 days ago
JSON representation

Interactive visualization of the international trade network using Svelte.

• Host: GitHub
• URL: https://github.com/yizhe-ang/trade-network-vis
• Owner: yizhe-ang
• Created: 2022-01-17T02:32:08.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-13T11:47:58.000Z (almost 2 years ago)
• Last Synced: 2023-03-06T10:07:55.136Z (almost 2 years ago)
• Topics: d3, graph, interactive, network, svelte, trade, visualization
• Language: Svelte
• Homepage: https://trade-network-vis.vercel.app/
• Size: 2.23 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# trade-network-vis

Interactive visualization of the international trade network using [Svelte](https://svelte.dev/) and [d3](https://d3js.org/).

**Check out the live demo [here](https://trade-network-vis.vercel.app/).**

![Preview image for trade international network visualization.](public/preview.png)

This visualization contains monthly import and export data between 15 countries of interest, downloaded and processed from the International Monetary Fund's (IMF) [Direction of Trade Statistics (DOTS) Dataset](https://data.imf.org/?sk=9d6028d4-f14a-464c-a2f2-59b2cd424b85).

## Running Locally

Clone or download this repository...

```bash

git clone https://github.com/yizhe-ang/trade-network-vis.git

# or

npx degit yizhe-ang/trade-network-vis trade-network-vis

cd trade-network-vis

```

Install the dependencies...

```bash

npm install

```

Then run the application on a local server:

```bash

npm run dev

```