Platform
Resources
Pricing
Sign in
Get started
Bård Ingebricson Røtzer
Front-end developer specializing in maps and visualizations. Working with @kartoteket
Workspace
Fork
Published
2 collections
By
Bård Ingebricson Røtzer
Edited
Jan 15, 2020
4 forks
45 stars
1
Maps
Topographic Mapping
Bubble map
Choropleth
Access to Family planning
MD Counties Total Cases Map
Tendance de la production des déchets en Union Européenne
Andy's Walgreens COVID-19 Tracker Tracker
Election Maps for Incomplete Results
A better U.S. house election results map?
1983 Mayoral Election, Dot density maps
Mastodon 🐘
Cheat sheet bertin
Bertin.js: regular squares
Waterlines
Neumorphism Contour Density Map
Cartographic Doodles
Stars and constellations
Plot: Grid choropleth
Hello Polygon Morphing
Mapping with pie charts
U.S. Geographic Data
How big are countries... like really!
Attitude
B&W Choropleth
Web Mercator Tile Visibility
MARTINI: Real-Time RTIN Terrain Mesh
"Magnifying-Glass" projections
Tissot's indicatrix
Antipodal map
Mapping gridded data with a Voronoi diagram
A Map of Every Building
Urbano Monti’s Planisphere (1587)
Bivariate choropleth
DIY Hillshade
Mapbox Map Maker
World tour
Hillshader
Simplified Earth with curved shapes
Hexbin map
Inner glow
Nicolosi vs. Stereographic
Data-driven projections: Darwin's world
Satellite ground track visualizer
Direction to shore
Hello, OpenLayers!
U.S. airports Voronoi
Hello, NYC Geosearch API!
Mapbox Fly-To
Spilhaus shoreline map
Walmart’s growth
How well does population density predict U.S. voting outcomes?
Drawing maps from geodata with D3 & Observable
Hexgrid maps with d3-hexgrid
Tissot's indicatrix
World airports Voronoi
Swiss Elevation Line Graphs
Vector tiles
Versor dragging
Orthographic
Solar Terminator
Streaming Shapefiles
Fake Globes
Peirce Quincuncial
🍃 Leaflet
U.S.G.S. World Earthquake Map
Using Mapbox GL JS
Using Google Maps
Also listed in…
maps
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
as
Insert cell
Insert cell
Insert cell
Insert cell
import
{
autoSelect
}
from
"@jashkenas/inputs"
Insert cell
// we could calculate the inertia ourself, but this package does it for us
// https://github.com/Fil/d3-inertia
versor
=
require
(
"versor@0.1.2"
)
Insert cell
topojson
=
require
(
"topojson-client@3"
)
Insert cell
world
=
d3
.
json
(
"https://unpkg.com/world-atlas@1/world/110m.json"
)
Insert cell
d3
=
require
(
"d3"
,
"d3-geo"
,
"d3-geo-voronoi@1.2.1"
,
"d3-format"
)
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
Listed in...
maps
Bård Ingebricson Røtzer
Maps
Observable
Edit
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
as
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
margin
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
drag
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sphere
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
projection
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
staticProjection
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selectOptions
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selectedCountryName
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selectedCountry
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
land
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
countryList
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
selectedCode
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tilt
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
rotation
Edit
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
versor
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
world
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML