Platform
Resources
Pricing
Sign in
Contact us
Rosa Romero Gómez
Senior Data Visualization Engineer at Graphicacy
Workspace
Fork
Published
By
Rosa Romero Gómez
Edited
Feb 10, 2022
3 stars
4
Insert cell
#
Demers Cartogram + World Map Layer
Insert cell
Exercise to better understand how to build the Demers Cartogram. Inspired by https://observablehq.com/@neocartocnrs/dorling-vs-demers
Insert cell
Insert cell
##
Settings
Insert cell
padding
=
0.2
Insert cell
innerWidth
=
width
-
margin
.
left
-
margin
.
right
Insert cell
innerHeight
=
height
-
margin
.
top
-
margin
.
bottom
Insert cell
width
=
900
Insert cell
height
=
500
Insert cell
margin
=
(
{
top
:
10
,
left
:
10
,
right
:
10
,
bottom
:
10
}
)
Insert cell
##
Data
Insert cell
WB_TOPOJSON
=
FileAttachment
(
"countries-v3-topo.json"
)
.
json
(
)
Insert cell
COUNTRY_NAMES
=
FileAttachment
(
"country.csv"
)
.
csv
(
)
Insert cell
WORLD_POPULATION
=
FileAttachment
(
"SP.POP.TOTL.csv"
)
.
csv
(
)
Insert cell
topojson
=
require
(
"topojson"
)
Insert cell
import
{
forceCollide
}
from
"@neocartocnrs/dorling-vs-demers"
;
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.
Try it for free
Learn more
Fork
View
Export
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
chart
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
padding
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
innerWidth
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
innerHeight
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
width
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
margin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
WB_TOPOJSON
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
COUNTRY_NAMES
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
WORLD_POPULATION
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
topojson
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML