Public
Edited
Jun 26
4 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
<style>
.em-flow-link-outline {
stroke-width: 0.5px !important;
}
.em-flow-flows {
opacity: ${opacity} !important;
}
.em-graticule{
stroke-width: 0px !important
}
</style>
Insert cell
graphData = ({
nodes: [
{ id: "FR", name: "France" },
{ id: "US", name: "USA" },
{ id: "ZA", name: "South Africa" },
{ id: "BR", name: "Brazil" },
{ id: "CA", name: "Canada" },
{ id: "CN", name: "China" },
{ id: "SA", name: "Saudi Arabia" },
{ id: "AR", name: "Argentina" },
{ id: "AU", name: "Australia" },
{ id: "IN", name: "India" },
{ id: "JP", name: "Japan" },
{ id: "NZ", name: "New Zealand" }
],
links: [
{ source: "FR", target: "US", value: 82018369 },
{ source: "FR", target: "ZA", value: 49697198 },
{ source: "FR", target: "BR", value: 45422327 },
{ source: "FR", target: "CA", value: 43038180 },
{ source: "FR", target: "CN", value: 34453478 },
{ source: "FR", target: "SA", value: 16164188 },
{ source: "FR", target: "AR", value: 12673336 },
{ source: "FR", target: "AU", value: 7178656 },
{ source: "FR", target: "IN", value: 6305366 },
{ source: "FR", target: "JP", value: 5883790 },
{ source: "FR", target: "NZ", value: 5883790 }
]
})
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more