esri-experiments

Web mapping experiments using the ArcGIS API for JavaScript.

Also check out my LeafletJS experiments and other data visualizations on CodePen.

Table of Contents

• earth-at-night

• antipodes

• antipodes-2d

• around-the-world

• custom-point-layer

• custom-tile-layer

• scene-view-as-chart

• iss-view

earth-at-night

"Earth at Night, Mountains of Light"

🏆 KANTAR Information is Beautiful Awards 2019: GOLD winner in "Maps, Places & Spaces" category

Explore the Earth at night as seen by Suomi NPP VIIRS. Light emissions are used as the world's thematic elevation layer by using chroma.js to calculate pixel color luminance.

antipodes

Get to know the opposite side of the Earth in 3D.

antipodes-2d

Get to know the opposite side of the Earth in 2D. Includes several color scheme choices for colorblind support.

around-the-world

Find out what lies across the ocean and beyond by traveling around the Earth, and along the way learn how geodesic lines appear on globes vs. 2D web mercator maps.

custom-point-layer

Find out how to build your own 2D layer with the Canvas API and animate it the help of Anime.js, or alternatively with Tween.js.

You can also use canvas helpers from D3.js to make donuts charts, draw sketchy looking graphics with Rough.js, and anything else you can dream of.

Radius animation example with Anime.js

Radius animation example with Tween.js

Pie/donuts charts example with D3js

Sketchy example with Rough.js

custom-tile-layer

Find out how to build your own tiled layer in either 2D or 3D with the Canvas API.

Example showing level, row, and column info

Example with kittens! 😻 🐈

scene-view-as-chart

You've always wanted to turn a SceneView into your own 3D scatterplot charting library. Here you go.

iss-view

Take a ride on the International Space Station and explore NASA astronaut photography.