9 ms·

Oilslick – an elevation map showing fine detail in terrain

254 points by mleonhard 5y ago

tppiotrowski 5y ago
Can anyone yield some insight into the process of producing x/y/z web mercator .png DEM map tiles from Jonathan de Ferranti's [1] data? His data is in .hgt format. [1] http://www.viewfinderpanoramas.org/dem3.html http://www.viewfinderpanoramas.org/dem3.html
- mandiantBob 5y ago
  The best articles for this are [1] (google translate it) and [2]. In [1], the author uses .asc files while in [2], .img files are used. You can treat these files as basically the same as .hgt but remember to reproject the data as different DEM sources uses slightly different projections. [1] https://makina-corpus.com/sig-webmapping/representation-des-modeles-numeriques-de-terrain-sur-le-web-ombrage-et-3d https://makina-corpus.com/sig-webmapping/representation-des-... [2] https://github.com/nst-guide/terrain https://github.com/nst-guide/terrain
lolc 5y ago
Wow! I went looking at my region and it was so easy to see the river valleys and plains. Before, I only had a rational understanding how downstream will always be lower. This is the first time I intuitively saw where water flows on a map!
- samwillis 5y ago
  If you didn’t see it a few weeks ago this was submitted to HN: https://river-runner-global.samlearner.com/ https://river-runner-global.samlearner.com/ “Drop a raindrop anywhere in the world and watch where it ends up” https://news.ycombinator.com/item?id=29841737 https://news.ycombinator.com/item?id=29841737 Super fun!
webstrand 5y ago
I wish the map had some kind of reference key, or the ability to query for height at any given point. It seems like the color-scheme breaks down on very steep slopes, like those of the Andes in Chile. I also wonder if Greenland is actually that smooth, or if the elevation sample rate is just much lower for inland Greenland.
- martyvis 5y ago
  The key is at the right of the map.
- lazide 5y ago
  Isn’t inland Greenland mostly ice?
deleted 5y ago
[deleted]
tombh 5y ago
I can clearly see the ancient geological strata of Carboniferous and Devonian rock layers in my home country of Wales, particularly Pembrokeshire and the Gower! So my layman theory would be that tectonics pushed these once horizontal layers nearer to the vertical, and that weathering processes eroded them slightly differently, giving each layer slight height differences that are imperceptible on most terrain colourshcemes, but Oilslick happily highlights. Hats off
SECProto 5y ago
The is one of the coolest maps I've seen. I thought that showing strong contrast on minor elevation changes would hide information, but it does the opposite. Great resource and great summary on the left tab thing
clairity 5y ago
the potential effects of rising water levels are pretty clearly outlined in coastal areas like california. most of silicon valley, as well as LA, would be underwater and the central valley would become a large inland sea.
- tomjakubowski 5y ago
  No. Most of LA is shielded by bluffs and coastal hills and mountains. Even at 10 feet of sea level rise, within LA County only Long Beach and areas of Venice near the marina would really be affected. Some beachfront property in the South Bay, too. https://coast.noaa.gov/slr/#/layer/slr/10/-13087637.783625742/3993917.2630563416/8/satellite/none/0.8/2050/interHigh/midAccretion https://coast.noaa.gov/slr/#/layer/slr/10/-13087637.78362574...
  - clairity 5y ago
    no, it's not. LA is a river basin historically, and even with some bluffs, it's not protected enough from ingress all around (and water falls from the sky too!). the simulator you linked to makes no sense (or maybe it's broken in my ad-blocking browser). it shows ingress on palos verdes, which is basically a mini-mountain right on the shore that would become an island with enough sea rise.
deschutes 5y ago
It doesn't do a very good job of delineating the coast. Seems like +- 50 ft is black. Puget sound is unrecognizable on my display.
- genericone 5y ago
  Looks like you want a section view type feature, automatically at sea level. I think that would be useful if the color delta is right.
rendall 5y ago
> This creates a zig-zagging pattern of the lightness level. Each cycle, or zig+zag from black → white → black again, covers 500m of elevation. I find this zig-zagging of lightness level very difficult to interpret. Greenland looks to me like a series of concentric hills. Perhaps if I were to get used to it, it would become easier to understand. But the monochrome areas are really neat to see, and it's very easy to understand what's happening geologically in, say, Finland. A feature I would like to see is a shareable URL for regions. Northern Scandinavia looks positively Lovecraftian.
- twofornone 5y ago
  >Greenland looks to me like a series of concentric hills. What you are looking at is an implicit contour map - normally these lines are drawn in post processing to highlight levels of constant elevation. If you follow the "concentric hills" you are staying level and going around the hill. If you move perpendicular to them you are going straight up the slope in the direction of the gradient.
  - rendall 5y ago
    Yes. Sorry, I wasn't clear. Intellectually, I understand what's intended, but the visual effect of hills and valleys however is very strong and hard to ignore. I can read and understand that the dark lines on Greenland are isoclines, but having an intuitive feel for what these patterns represent is elusive. The visual idioms of light as height and dark as depth is probably too entrenched for me.
    - SamBam 5y ago
      I agree. It looks like ripples in a pond. But, more importantly, even if I get that it's all increasing, it's impossible to tell if it's rising smoothly or not.
Freak_NL 5y ago
Being Dutch living in one of those barely visible dark blue stretches of below sea level literal low-lands makes one rather aware of our precarious national position as far as rising sea levels are concerned.
- Gibbon1 5y ago
  I read something that said you guys are sort of in luck as long as Antarctica doesn't go. Apparently the gravitational forces from ice in Greenland pull the ocean higher. So as the ice melts the ocean around Greenland will fall while farther away it will rise. There is a zone around Greenland where it's a wash. And the Netherlands is in it. The east coast of the US, Florida, and the Gulf coast are totally hosed though.
- TT-392 5y ago
  We have all the knowledge, and even a special government branch in place here to fight the sea, I am sure we'll be fine
  - TT-392 5y ago
    Or, fine, may not be the right word, more like, a lot better off than a lot of other countries.
  - TaylorAlexander 5y ago
    > a special government branch in place here to fight the sea Ah that ought to do it.
    - whoisburbansky 5y ago
      I mean it’s been working pretty well so far, it would seem.
      - Fnoord 5y ago
        Except floods do happen, and are going to happpen more due to global warming, and the prognosis is that half the country is under water by 2100 (I live about -5 NAP myself).
pmichaud 5y ago
This is awesome! I've spent a lot of time thinking about similar issues and making do with 16bit grayscale, but reading interactive maps or tiles from apis, I've seen all the problems mentioned in the intro, and it only took me a couple minutes to get the hang of reading the weird light bands. I don't know if it'll catch on, but I think it's a really cool effort!
hyperpape 5y ago
This seems effective at showing how nearby areas relate to each other (or at least where ridges and changes are) and hopeless at global comparisons. After staring at it for a little while, I have no intuitive sense of what any area's height is, unless it's the orangey/black colors that appear near sea-level, or the bluish color that appears in the himalayas.
- deleted 5y ago
  [deleted]
clusterfish 5y ago
Interesting idea, but elevations lower than 50m or so are colored black as if they're water. Looks like an apocalyptic flood. Don't understand why the author didn't make sea level a clearly visible threshold.
- sebow 5y ago
  I somewhat like the map precisely because of this fact.Waters and oceans are not at the end of the day solid, however vast they might be(however this is not to say this map is fully about elevation, because underwater elevation is mostly missing if not existent).Though it might look unnecessarily apocalyptic, it's somewhat a good reference of how the tectonic plates, the planet, and everything else in nature evolves.I'm personally fascinated for example by the both 'negative' (rivers) and 'positive' (hills, pre-mountain areas) that form tree-like structures.If we used traditional elevation map such quirks would be less noticeable, at least in my opinion
  - clusterfish 5y ago
    It's just a strange choice given that the author is lamenting about how traditional relief maps don't represent both coastlines and high mountain terrain well... And then proceeds to not represent coastlines well, even though that would definitely be possible with their approach.
HPsquared 5y ago
This is in general a really nice way to visualise datasets which have both a wide range of values, and "relative" local variations that comprise a small fraction of the overall range.
FpUser 5y ago
This looks like a piece of art. Very nice.
pbowyer 5y ago
This makes seeing the rivers and catchment areas easier than other maps I'm used to. It also easily highlights features that the sea has cut away in the past. For example if you search "Isle of Wight" and scroll west, you can see the ridge that runs W-E across the Isle of Wight continuing on the Isle of Purbeck to the west. I knew that a long time ago it was all joined up as land, but this map shows this particular feature more clearly than a geology map.
trs8080 5y ago
I think there's a misunderstanding of the data here. It appears that the underlying data used for this map is DEM data (https://en.wikipedia.org/wiki/Digital_elevation_model https://en.wikipedia.org/wiki/Digital_elevation_model), which encodes values in the red, green, and blue channels of an image representation of a geographic area. You're not supposed to visualize this data directly -- instead, you combine those values in a simple formula to obtain a height value, then you use that value to create visual maps. This map just restyles what is geographically analogous to the binary representation of "hello, world" instead of the output itself. You can search google for "terrain map" or "elevation map" and find many beautiful examples of accurate elevation data. Edit: This is a good tutorial on how to derive the correct values: https://github.com/syncpoint/terrain-rgb https://github.com/syncpoint/terrain-rgb Edit 2: Looks like I was wrong about this. Apologies to the author and thanks to everyone who helped me understand GIS a bit better! I'll keep this up as a reminder that just because my voice is loud doesn't mean I'm right.
- sahkopoyta 5y ago
  >You're not supposed to visualize this data directly -- instead, you combine those values in a simple formula to obtain a height value, then you use that value to create visual maps. Isn't this exactly what has been done here? You can even see the legend at the right side of the screen.
  - trs8080 5y ago
    This still shows the uncombined components. What does the color blue represent in this map? Is it a height? -500m? 5000m? 6000m? What does white represent? This map is a fundamental misrepresentation of the actual data. This is the formula: height = -10000 + ((R * 256 * 256 + G * 256 + B) * 0.1)
    - IshKebab 5y ago
      No it doesn't. I think you're misunderstanding the site. It deliberately uses a weird banded colour scale so you can see where height changes on a fine scale. They didn't interpret the data wrong.
zestyping 5y ago
I get that this is something I need to learn to read, and that there is the potential for it to be extremely useful once I have learned how to read it. It's hard to learn, though, without quick feedback on whether I'm reading it correctly. It would be a big help to show the elevation wherever I'm pointing — either with a miniature scale or a number or both — so I can get direct feedback on whether it's increasing or decreasing and by how much, and to help me recognize the sequence of hues. I'm also really curious to see what this looks like if the lightness is always increasing, with a sawtooth discontinuity where it wraps around after hitting 100%. Yes, this would produce really hard edges in arbitrary places, but that might be worth it in exchange for the hugely helpful certainty of always knowing which way is up.
- chrisan 5y ago
  I'm having troubles too. I picked Mts Rainier, Adams, and St Helen as my test area and can't help but prefer the conventional. Is there a good area that makes this design really shine vs conventional?
  - thehappypm 5y ago
    I think that those scenarios, where it’s just big pointy cylindrical mountains, are very well served by contour plots. I also struggle with this approach, but it does show a lot of interesting detail for things like river valleys and smaller mountains.
  - phire 5y ago
    There doesn't seem to be an advantage in mountainous regions. I think it might actually be detrimental. But try looking at reasonably flat areas that show up as almost a single color on traditional terrain maps. The whole Mississippi river catchment area; Florida; England (especially in contrast to Scotland and Wales); Australia.
    - notahacker 5y ago
      What you gain in definition of some of England's smaller hills, you lose in definition of coastlines. The low lying areas only a few metres above sea level are indistinguishable from sea!
usrusr 5y ago
That's a nice experiment, take something a mundane as contour lines, turn it to eleven and see where it gets you. Is it a materialized remapping of the underlying .hgt or is it done client-side, in some webGL-shader? (if we'd even need that, plain js or wasm might be good enough these days?) I could imagine this being even more compelling if we could interactively shift the remapping to put regions we are currently interested in into high saturation parts (and/or scaling it down to make mountain ranges "readable"). Another, even simpler reading help would be sampling the color at the mouse position and displaying a translation into meters. In any case, the vertical perception amplification (compared to other visualisations) is truly awesome! in my region I can easily make out the forest offsets that SRTM and LIDAR data happens to come with, and bigger roads cutting through those forests.
- jamessb 5y ago
  > Is it a materialized remapping of the underlying .hgt or is it done client-side, in some webGL-shader? The map loads pre-rendered map tiles as JPG images from Amazon S3 (you can confirm this in the Network tab of your browser's dev tools). The page says: > This map layer is hosted as a public service, and map tiles are free to use under a Creative Commons 4.0 Attribution-NonCommercial-ShareAlike license.
  - jimmySixDOF 5y ago
    Geosynced DEMs prepped to feed into microwave link design software can cost a lot of money. I knew one engineer who was sent up in a special plane they found just to photograph a remote region and then he matched the elevation data by hand for all the routes. I don't know what the non commercial uses are for this data but I suspect it would be otherwise prohibitively expensive without the CC4.0 license so I am happy for whomever it benefits.
- zhdc1 5y ago
  It looks like he's using vanilla Leaflet and a tile map. Gdaltile My guess is that he used GDAL to color and tile the DEM. GDAL can work with hgt files, but the DEM he used probably came as a bunch of geotiffs (I haven't checked, but that's pretty standard practice iirc). > Another, even simpler reading help would be sampling the color at the mouse position and displaying a translation into meters. If he's using gdal2tiles to create the tile map, he's likely converting the DEM to an 8 bit raster somewhere in the process, so the information conveyed by each of tiles will be less than ideal. There are ways around this, but they would take some effort, which may be more than what the author wanted to put in.
IshKebab 5y ago
This is cool. My only issue is that the bands are completely symmetrical so you can distinguish increases and decreases in height.
pphysch 5y ago
Nice idea though I think the color scheme could be made a lot more intuitive without losing the progress in contrast. Muddy brown for near-sea level doesn't do it for me. Blues - Slightly above sea level Green - Above that Brown - Low mountains Orange/purple - high mountains Red - below sea level (i.e. danger)
csours 5y ago
This is a striking view of the big rivers. They keep the same order of magnitude of elevation for a very long distance.
- rootusrootus 5y ago
  Also, in some areas (like Eastern Oregon, where I was looking) it really drives home how close in elevation the land is to the river. It's basically highlighting the floodplains.
uzbit 5y ago
I'm mostly a lurker, but I logged in just to say: wow! nice presentation of topo data!
xcskier56 5y ago
This really does a fantastic job of highlighting the lower lying areas with more subtle elevation changes. There are many details in the US plains that I never saw before, but the most amazing thing that I learned from this map his how low-lying so much of northern India is and how abruptly the Himalayas rise out of the nearly sea level plains
- kelseyfrog 5y ago
  It even manages to capture the subtle depression that was Tulare Lake.[1] Well done. 1. https://en.wikipedia.org/wiki/Tulare_Lake https://en.wikipedia.org/wiki/Tulare_Lake
smallerfish 5y ago
I love it. The glaciation in the highlands of Scotland, the Amazon basin nestled by the Andes, the east coast of the US, Central America, the Indian plate smashing into the Himalayas -- all super clearly visualized. Great work.
tracerbulletx 5y ago
What the heck is going on in Greenland?
contravariant 5y ago
What on earth happened to Italy? The po plain is even more featureless than the Netherlands!
RonInDune 5y ago
Very interesting visualization approach. I think I'll try to do this with NOAA's bathymetric data and NASA's Lunar LOLA DEM.
colechristensen 5y ago
I would really like to see this with a high pass filter (i.e. with the detail of the river systems, without the hundreds-of-miles level altitude changes) and state borders.
akamaka 5y ago
This is an incredible visualization! It brings out both fine details and larger patterns I wouldn’t notice on a typical terrain map, or even a 3D view. I particularly like how water features disappear into the surrounding landscape. The Mississippi River is invisible within its delta, making it obvious how it has been able to continuously reshape its route over time. The Everglades gradually disappear into the ocean with no clear boundary, illustrating the wetland’s relationship with the ocean’s intruding salt water. I’d love to see this integrated as a layer in a map app, so I could easily access it any time.
hammock 5y ago
At first I thought this was really hard to read and had to be inaccurate. But on closer inspection it's actually making me see detail I've never been able to see on maps before! (fulfilling its promise) One example is how crystal clear the eastern seaboard fall line is. https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line
akamaka 5y ago
This map highlights an interesting geographic feature I’ve never been aware, which is a distinct line running down the east coast of the USA, from Philadelphia, through Wilmington and Fayetteville, all the way to Florida. Looking at another map, it does seem like a real feature, with a small but abrupt increase in hilliness as we travel west from the coast. Does anyone know if this geographical feature has a name?
- hervature 5y ago
  I think you are talking about the Piedmont plateau leading into the Appalachian mountains but I'm not sure.
  - akamaka 5y ago
    Thanks, it is the eastern edge of the Piedmont I was looking at.
- jefftk 5y ago
  https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line
  - akamaka 5y ago
    Thank you, that is exactly it! Goes off to binge read Wikipedia
    - eesmith 5y ago
      The part in central Florida is the Lake Wales Ridge, remnants of 1M+ year old islands. https://en.wikipedia.org/wiki/Lake_Wales_Ridge https://en.wikipedia.org/wiki/Lake_Wales_Ridge . The combination of Florida heat and fast-draining sandy soil makes it the closest thing Florida has to a desert. If I read things correctly, that line continuing up through Georgia is the Cypresshead Formation. See page 7 of https://segs.org/wp-content/uploads/2012/04/AIPG-SEGSMay2009_Guidebook-48B.pdf https://segs.org/wp-content/uploads/2012/04/AIPG-SEGSMay2009... , which also shows it's not part of the Fall Line.
unlog 5y ago
Really curious how rivers look like electricity burns made on wood
rp3 5y ago
Am I the only one who finds this a poor visualization? If I zoom into a random position in the map that doesn't have a clearly dominant river system, it's impossible for me to tell which parts are of higher elevations than the others. Isolines are much more clear to me.
mNovak 5y ago
Works really well for flatter subtle areas, but things like the Rockies just look like static and are not intuitive at a glance. I wonder how it'd look just imposing the 'oilslick' black/white interference pattern over the traditional colormap?
unit_circle 5y ago
This is really cool. Do you have more zoomed-in tiles? This would make a sick OSMAnd later...
afterburner 5y ago
Hmm, China's coast is a little hard to see.
thadk 5y ago
I hacked together a side-by-side browser for Oilslick in Maplibre: https://observablehq.com/@thadk/oilslick-side-by-side https://observablehq.com/@thadk/oilslick-side-by-side
ohwellish 5y ago
wow... WOW!!!! thank you so much!! once I've switched layer to "conventional" it was like a child's dream come true
mrgriscom 5y ago
Author here. To provide some context, my main impetus for creating this map was to facilitate my interest in topographic prominence [https://en.wikipedia.org/wiki/Topographic_prominence https://en.wikipedia.org/wiki/Topographic_prominence]. Prominence requires finding a mountain's "key saddle" -- the pass that connects the mountain to higher ground. This may be an unremarkable point hundreds of miles away, often with several candidates whose elevations differ by only a few meters. Oilslick was designed with the goal of helping locate these points and intuit their significance. The color banding helps visualize the saddle 'pinch points' with relative ease, and the high-contrast color ramp enables the necessary fine discernment in elevation values, even for points located far apart. You can peruse my (very preliminary, mostly mothballed) prominence work here [http://mrgris.com:10011/summits/?max=2500 http://mrgris.com:10011/summits/?max=2500] What I didn't expect was that the end result would be so aesthetically pleasing, almost dazzling. I love how it brings out subtle geological features and big-picture structure and relationships between landforms that don't show through in traditional topographic maps. I share some of the criticisms I've read here. The zig-zag points on the ramp where the brightness must double back create contrast 'dead zones' where it's hard to interpret what's going on. Sea level areas are very dark and the actual coastline is hard to discern. Partly this is from practical limitations of not using a coastline mask in addition to the raw elevation dataset -- I don't actually know whether a point is land or water. But nevertheless there is interesting detail in these coastal areas that oilslick currently doesn't do justice to. Overall it's been great to read the reactions here and see some people's perception of our world getting warped for the better.
- zeristor 5y ago
  Looking at the river Danube I hadn't appreciated how tight a valley it passes through to pass to the Black Sea. Is there enough data to take this below sea level a bit further?, continental shelves, I guess the resolution for that is a lot lower, or patchy
- some_chap 5y ago
  Thanks for making it available - I hope it doesn't burn through hosting costs! Purely for interest, but for me, the really interesting part was flipping between the OilSlick and Terrain maps, picking out the way that the landscape dedicated the roads, etc, which while visible, doesn't stand out in the same way on conventional maps. As such, if you do any enhancements to the mapping, I'd request the ability to overlay road/rail/major towns over the OilSlick map, but obviously that's without the least idea of what that might actually entail!
hoseja 5y ago
This is just using a "multi-band" colormap, no? I thought it would do something clever with shading or something but this is just a scale that instead of going 0-1 goes 0-1-0-1-0-1... while rotating hue. It seems to have a lot of perceptual artifacts/nonuniformities, like you would get a totally different feel from some areas if the scale was shifted 500m. It does nicely highlight mountain ranges/areas of rough terrain.
jaygray0919 5y ago
Very interesting. Am thinking: how to integrate with our complementary geo information as illustrated in these links. *Climate* https://afdsi.com/environment-climate-zone-us/ https://afdsi.com/environment-climate-zone-us/ https://afdsi.com/environment-climate-zone-missouri/ https://afdsi.com/environment-climate-zone-missouri/ *Soil* https://afdsi.com/environment-soil-ontology-usda/ https://afdsi.com/environment-soil-ontology-usda/ https://afdsi.com/environment-soil-ontology-unfao/ https://afdsi.com/environment-soil-ontology-unfao/ https://afdsi.com/environment-soil-geoJSON-andrews-county/ https://afdsi.com/environment-soil-geoJSON-andrews-county/ *Properties: environment and plants* https://afdsi.com/lode-earthster/ https://afdsi.com/lode-earthster/ https://afdsi.com/environment-plant-environment-ontology-LODE/ https://afdsi.com/environment-plant-environment-ontology-LOD... *Agriculture products* https://hort.purdue.edu/newcrop/cropmap/missouri/counties/andrew.html https://hort.purdue.edu/newcrop/cropmap/missouri/counties/an...
jmpman 5y ago
Surprised that the Grand Canyon isn’t easily visible with this map. Is that a resolution issue?

254 points by mleonhard 5y ago

Can anyone yield some insight into the process of producing x/y/z web mercator .png DEM map tiles from Jonathan de Ferranti's [1] data? His data is in .hgt format. [1] http://www.viewfinderpanoramas.org/dem3.html http://www.viewfinderpanoramas.org/dem3.html

mandiantBob 5y ago
The best articles for this are [1] (google translate it) and [2]. In [1], the author uses .asc files while in [2], .img files are used. You can treat these files as basically the same as .hgt but remember to reproject the data as different DEM sources uses slightly different projections. [1] https://makina-corpus.com/sig-webmapping/representation-des-modeles-numeriques-de-terrain-sur-le-web-ombrage-et-3d https://makina-corpus.com/sig-webmapping/representation-des-... [2] https://github.com/nst-guide/terrain https://github.com/nst-guide/terrain

lolc 5y ago

Wow! I went looking at my region and it was so easy to see the river valleys and plains. Before, I only had a rational understanding how downstream will always be lower. This is the first time I intuitively saw where water flows on a map!

samwillis 5y ago
If you didn’t see it a few weeks ago this was submitted to HN: https://river-runner-global.samlearner.com/ https://river-runner-global.samlearner.com/ “Drop a raindrop anywhere in the world and watch where it ends up” https://news.ycombinator.com/item?id=29841737 https://news.ycombinator.com/item?id=29841737 Super fun!

webstrand 5y ago

I wish the map had some kind of reference key, or the ability to query for height at any given point. It seems like the color-scheme breaks down on very steep slopes, like those of the Andes in Chile. I also wonder if Greenland is actually that smooth, or if the elevation sample rate is just much lower for inland Greenland.

martyvis 5y ago
The key is at the right of the map.
lazide 5y ago
Isn’t inland Greenland mostly ice?

deleted 5y ago

[deleted]

tombh 5y ago

I can clearly see the ancient geological strata of Carboniferous and Devonian rock layers in my home country of Wales, particularly Pembrokeshire and the Gower! So my layman theory would be that tectonics pushed these once horizontal layers nearer to the vertical, and that weathering processes eroded them slightly differently, giving each layer slight height differences that are imperceptible on most terrain colourshcemes, but Oilslick happily highlights. Hats off

SECProto 5y ago

The is one of the coolest maps I've seen. I thought that showing strong contrast on minor elevation changes would hide information, but it does the opposite. Great resource and great summary on the left tab thing

clairity 5y ago

the potential effects of rising water levels are pretty clearly outlined in coastal areas like california. most of silicon valley, as well as LA, would be underwater and the central valley would become a large inland sea.

tomjakubowski 5y ago
No. Most of LA is shielded by bluffs and coastal hills and mountains. Even at 10 feet of sea level rise, within LA County only Long Beach and areas of Venice near the marina would really be affected. Some beachfront property in the South Bay, too. https://coast.noaa.gov/slr/#/layer/slr/10/-13087637.783625742/3993917.2630563416/8/satellite/none/0.8/2050/interHigh/midAccretion https://coast.noaa.gov/slr/#/layer/slr/10/-13087637.78362574...
- clairity 5y ago
  no, it's not. LA is a river basin historically, and even with some bluffs, it's not protected enough from ingress all around (and water falls from the sky too!). the simulator you linked to makes no sense (or maybe it's broken in my ad-blocking browser). it shows ingress on palos verdes, which is basically a mini-mountain right on the shore that would become an island with enough sea rise.

deschutes 5y ago

It doesn't do a very good job of delineating the coast. Seems like +- 50 ft is black. Puget sound is unrecognizable on my display.

genericone 5y ago
Looks like you want a section view type feature, automatically at sea level. I think that would be useful if the color delta is right.

rendall 5y ago

> This creates a zig-zagging pattern of the lightness level. Each cycle, or zig+zag from black → white → black again, covers 500m of elevation. I find this zig-zagging of lightness level very difficult to interpret. Greenland looks to me like a series of concentric hills. Perhaps if I were to get used to it, it would become easier to understand. But the monochrome areas are really neat to see, and it's very easy to understand what's happening geologically in, say, Finland. A feature I would like to see is a shareable URL for regions. Northern Scandinavia looks positively Lovecraftian.

twofornone 5y ago
>Greenland looks to me like a series of concentric hills. What you are looking at is an implicit contour map - normally these lines are drawn in post processing to highlight levels of constant elevation. If you follow the "concentric hills" you are staying level and going around the hill. If you move perpendicular to them you are going straight up the slope in the direction of the gradient.
- rendall 5y ago
  Yes. Sorry, I wasn't clear. Intellectually, I understand what's intended, but the visual effect of hills and valleys however is very strong and hard to ignore. I can read and understand that the dark lines on Greenland are isoclines, but having an intuitive feel for what these patterns represent is elusive. The visual idioms of light as height and dark as depth is probably too entrenched for me.
  - SamBam 5y ago
    I agree. It looks like ripples in a pond. But, more importantly, even if I get that it's all increasing, it's impossible to tell if it's rising smoothly or not.

Freak_NL 5y ago

Being Dutch living in one of those barely visible dark blue stretches of below sea level literal low-lands makes one rather aware of our precarious national position as far as rising sea levels are concerned.

Gibbon1 5y ago
I read something that said you guys are sort of in luck as long as Antarctica doesn't go. Apparently the gravitational forces from ice in Greenland pull the ocean higher. So as the ice melts the ocean around Greenland will fall while farther away it will rise. There is a zone around Greenland where it's a wash. And the Netherlands is in it. The east coast of the US, Florida, and the Gulf coast are totally hosed though.
TT-392 5y ago
We have all the knowledge, and even a special government branch in place here to fight the sea, I am sure we'll be fine
- TT-392 5y ago
  Or, fine, may not be the right word, more like, a lot better off than a lot of other countries.
- TaylorAlexander 5y ago
  > a special government branch in place here to fight the sea Ah that ought to do it.
  - whoisburbansky 5y ago
    I mean it’s been working pretty well so far, it would seem.
    - Fnoord 5y ago
      Except floods do happen, and are going to happpen more due to global warming, and the prognosis is that half the country is under water by 2100 (I live about -5 NAP myself).

pmichaud 5y ago

This is awesome! I've spent a lot of time thinking about similar issues and making do with 16bit grayscale, but reading interactive maps or tiles from apis, I've seen all the problems mentioned in the intro, and it only took me a couple minutes to get the hang of reading the weird light bands. I don't know if it'll catch on, but I think it's a really cool effort!

hyperpape 5y ago

This seems effective at showing how nearby areas relate to each other (or at least where ridges and changes are) and hopeless at global comparisons. After staring at it for a little while, I have no intuitive sense of what any area's height is, unless it's the orangey/black colors that appear near sea-level, or the bluish color that appears in the himalayas.

deleted 5y ago
[deleted]

clusterfish 5y ago

Interesting idea, but elevations lower than 50m or so are colored black as if they're water. Looks like an apocalyptic flood. Don't understand why the author didn't make sea level a clearly visible threshold.

sebow 5y ago
I somewhat like the map precisely because of this fact.Waters and oceans are not at the end of the day solid, however vast they might be(however this is not to say this map is fully about elevation, because underwater elevation is mostly missing if not existent).Though it might look unnecessarily apocalyptic, it's somewhat a good reference of how the tectonic plates, the planet, and everything else in nature evolves.I'm personally fascinated for example by the both 'negative' (rivers) and 'positive' (hills, pre-mountain areas) that form tree-like structures.If we used traditional elevation map such quirks would be less noticeable, at least in my opinion
- clusterfish 5y ago
  It's just a strange choice given that the author is lamenting about how traditional relief maps don't represent both coastlines and high mountain terrain well... And then proceeds to not represent coastlines well, even though that would definitely be possible with their approach.

HPsquared 5y ago

This is in general a really nice way to visualise datasets which have both a wide range of values, and "relative" local variations that comprise a small fraction of the overall range.

FpUser 5y ago

This looks like a piece of art. Very nice.

pbowyer 5y ago

This makes seeing the rivers and catchment areas easier than other maps I'm used to. It also easily highlights features that the sea has cut away in the past. For example if you search "Isle of Wight" and scroll west, you can see the ridge that runs W-E across the Isle of Wight continuing on the Isle of Purbeck to the west. I knew that a long time ago it was all joined up as land, but this map shows this particular feature more clearly than a geology map.

trs8080 5y ago

I think there's a misunderstanding of the data here. It appears that the underlying data used for this map is DEM data (https://en.wikipedia.org/wiki/Digital_elevation_model https://en.wikipedia.org/wiki/Digital_elevation_model), which encodes values in the red, green, and blue channels of an image representation of a geographic area. You're not supposed to visualize this data directly -- instead, you combine those values in a simple formula to obtain a height value, then you use that value to create visual maps. This map just restyles what is geographically analogous to the binary representation of "hello, world" instead of the output itself. You can search google for "terrain map" or "elevation map" and find many beautiful examples of accurate elevation data. Edit: This is a good tutorial on how to derive the correct values: https://github.com/syncpoint/terrain-rgb https://github.com/syncpoint/terrain-rgb Edit 2: Looks like I was wrong about this. Apologies to the author and thanks to everyone who helped me understand GIS a bit better! I'll keep this up as a reminder that just because my voice is loud doesn't mean I'm right.

sahkopoyta 5y ago
>You're not supposed to visualize this data directly -- instead, you combine those values in a simple formula to obtain a height value, then you use that value to create visual maps. Isn't this exactly what has been done here? You can even see the legend at the right side of the screen.
- trs8080 5y ago
  This still shows the uncombined components. What does the color blue represent in this map? Is it a height? -500m? 5000m? 6000m? What does white represent? This map is a fundamental misrepresentation of the actual data. This is the formula: height = -10000 + ((R * 256 * 256 + G * 256 + B) * 0.1)
  - IshKebab 5y ago
    No it doesn't. I think you're misunderstanding the site. It deliberately uses a weird banded colour scale so you can see where height changes on a fine scale. They didn't interpret the data wrong.

zestyping 5y ago

I get that this is something I need to learn to read, and that there is the potential for it to be extremely useful once I have learned how to read it. It's hard to learn, though, without quick feedback on whether I'm reading it correctly. It would be a big help to show the elevation wherever I'm pointing — either with a miniature scale or a number or both — so I can get direct feedback on whether it's increasing or decreasing and by how much, and to help me recognize the sequence of hues. I'm also really curious to see what this looks like if the lightness is always increasing, with a sawtooth discontinuity where it wraps around after hitting 100%. Yes, this would produce really hard edges in arbitrary places, but that might be worth it in exchange for the hugely helpful certainty of always knowing which way is up.

chrisan 5y ago
I'm having troubles too. I picked Mts Rainier, Adams, and St Helen as my test area and can't help but prefer the conventional. Is there a good area that makes this design really shine vs conventional?
- thehappypm 5y ago
  I think that those scenarios, where it’s just big pointy cylindrical mountains, are very well served by contour plots. I also struggle with this approach, but it does show a lot of interesting detail for things like river valleys and smaller mountains.
- phire 5y ago
  There doesn't seem to be an advantage in mountainous regions. I think it might actually be detrimental. But try looking at reasonably flat areas that show up as almost a single color on traditional terrain maps. The whole Mississippi river catchment area; Florida; England (especially in contrast to Scotland and Wales); Australia.
  - notahacker 5y ago
    What you gain in definition of some of England's smaller hills, you lose in definition of coastlines. The low lying areas only a few metres above sea level are indistinguishable from sea!

usrusr 5y ago

That's a nice experiment, take something a mundane as contour lines, turn it to eleven and see where it gets you. Is it a materialized remapping of the underlying .hgt or is it done client-side, in some webGL-shader? (if we'd even need that, plain js or wasm might be good enough these days?) I could imagine this being even more compelling if we could interactively shift the remapping to put regions we are currently interested in into high saturation parts (and/or scaling it down to make mountain ranges "readable"). Another, even simpler reading help would be sampling the color at the mouse position and displaying a translation into meters. In any case, the vertical perception amplification (compared to other visualisations) is truly awesome! in my region I can easily make out the forest offsets that SRTM and LIDAR data happens to come with, and bigger roads cutting through those forests.

jamessb 5y ago
> Is it a materialized remapping of the underlying .hgt or is it done client-side, in some webGL-shader? The map loads pre-rendered map tiles as JPG images from Amazon S3 (you can confirm this in the Network tab of your browser's dev tools). The page says: > This map layer is hosted as a public service, and map tiles are free to use under a Creative Commons 4.0 Attribution-NonCommercial-ShareAlike license.
- jimmySixDOF 5y ago
  Geosynced DEMs prepped to feed into microwave link design software can cost a lot of money. I knew one engineer who was sent up in a special plane they found just to photograph a remote region and then he matched the elevation data by hand for all the routes. I don't know what the non commercial uses are for this data but I suspect it would be otherwise prohibitively expensive without the CC4.0 license so I am happy for whomever it benefits.
zhdc1 5y ago
It looks like he's using vanilla Leaflet and a tile map. Gdaltile My guess is that he used GDAL to color and tile the DEM. GDAL can work with hgt files, but the DEM he used probably came as a bunch of geotiffs (I haven't checked, but that's pretty standard practice iirc). > Another, even simpler reading help would be sampling the color at the mouse position and displaying a translation into meters. If he's using gdal2tiles to create the tile map, he's likely converting the DEM to an 8 bit raster somewhere in the process, so the information conveyed by each of tiles will be less than ideal. There are ways around this, but they would take some effort, which may be more than what the author wanted to put in.

IshKebab 5y ago

This is cool. My only issue is that the bands are completely symmetrical so you can distinguish increases and decreases in height.

pphysch 5y ago

Nice idea though I think the color scheme could be made a lot more intuitive without losing the progress in contrast. Muddy brown for near-sea level doesn't do it for me. Blues - Slightly above sea level Green - Above that Brown - Low mountains Orange/purple - high mountains Red - below sea level (i.e. danger)

csours 5y ago

This is a striking view of the big rivers. They keep the same order of magnitude of elevation for a very long distance.

rootusrootus 5y ago
Also, in some areas (like Eastern Oregon, where I was looking) it really drives home how close in elevation the land is to the river. It's basically highlighting the floodplains.

uzbit 5y ago

I'm mostly a lurker, but I logged in just to say: wow! nice presentation of topo data!

xcskier56 5y ago

This really does a fantastic job of highlighting the lower lying areas with more subtle elevation changes. There are many details in the US plains that I never saw before, but the most amazing thing that I learned from this map his how low-lying so much of northern India is and how abruptly the Himalayas rise out of the nearly sea level plains

kelseyfrog 5y ago
It even manages to capture the subtle depression that was Tulare Lake.[1] Well done. 1. https://en.wikipedia.org/wiki/Tulare_Lake https://en.wikipedia.org/wiki/Tulare_Lake

smallerfish 5y ago

I love it. The glaciation in the highlands of Scotland, the Amazon basin nestled by the Andes, the east coast of the US, Central America, the Indian plate smashing into the Himalayas -- all super clearly visualized. Great work.

tracerbulletx 5y ago

What the heck is going on in Greenland?

contravariant 5y ago

What on earth happened to Italy? The po plain is even more featureless than the Netherlands!

RonInDune 5y ago

Very interesting visualization approach. I think I'll try to do this with NOAA's bathymetric data and NASA's Lunar LOLA DEM.

colechristensen 5y ago

I would really like to see this with a high pass filter (i.e. with the detail of the river systems, without the hundreds-of-miles level altitude changes) and state borders.

akamaka 5y ago

This is an incredible visualization! It brings out both fine details and larger patterns I wouldn’t notice on a typical terrain map, or even a 3D view. I particularly like how water features disappear into the surrounding landscape. The Mississippi River is invisible within its delta, making it obvious how it has been able to continuously reshape its route over time. The Everglades gradually disappear into the ocean with no clear boundary, illustrating the wetland’s relationship with the ocean’s intruding salt water. I’d love to see this integrated as a layer in a map app, so I could easily access it any time.

hammock 5y ago

At first I thought this was really hard to read and had to be inaccurate. But on closer inspection it's actually making me see detail I've never been able to see on maps before! (fulfilling its promise) One example is how crystal clear the eastern seaboard fall line is. https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line

akamaka 5y ago

This map highlights an interesting geographic feature I’ve never been aware, which is a distinct line running down the east coast of the USA, from Philadelphia, through Wilmington and Fayetteville, all the way to Florida. Looking at another map, it does seem like a real feature, with a small but abrupt increase in hilliness as we travel west from the coast. Does anyone know if this geographical feature has a name?

hervature 5y ago
I think you are talking about the Piedmont plateau leading into the Appalachian mountains but I'm not sure.
- akamaka 5y ago
  Thanks, it is the eastern edge of the Piedmont I was looking at.
jefftk 5y ago
https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line https://en.wikipedia.org/wiki/Atlantic_Seaboard_Fall_Line
- akamaka 5y ago
  Thank you, that is exactly it! Goes off to binge read Wikipedia
  - eesmith 5y ago
    The part in central Florida is the Lake Wales Ridge, remnants of 1M+ year old islands. https://en.wikipedia.org/wiki/Lake_Wales_Ridge https://en.wikipedia.org/wiki/Lake_Wales_Ridge . The combination of Florida heat and fast-draining sandy soil makes it the closest thing Florida has to a desert. If I read things correctly, that line continuing up through Georgia is the Cypresshead Formation. See page 7 of https://segs.org/wp-content/uploads/2012/04/AIPG-SEGSMay2009_Guidebook-48B.pdf https://segs.org/wp-content/uploads/2012/04/AIPG-SEGSMay2009... , which also shows it's not part of the Fall Line.

unlog 5y ago

Really curious how rivers look like electricity burns made on wood

rp3 5y ago

Am I the only one who finds this a poor visualization? If I zoom into a random position in the map that doesn't have a clearly dominant river system, it's impossible for me to tell which parts are of higher elevations than the others. Isolines are much more clear to me.

mNovak 5y ago

Works really well for flatter subtle areas, but things like the Rockies just look like static and are not intuitive at a glance. I wonder how it'd look just imposing the 'oilslick' black/white interference pattern over the traditional colormap?

unit_circle 5y ago

This is really cool. Do you have more zoomed-in tiles? This would make a sick OSMAnd later...

afterburner 5y ago

Hmm, China's coast is a little hard to see.

thadk 5y ago

I hacked together a side-by-side browser for Oilslick in Maplibre: https://observablehq.com/@thadk/oilslick-side-by-side https://observablehq.com/@thadk/oilslick-side-by-side

ohwellish 5y ago

wow... WOW!!!! thank you so much!! once I've switched layer to "conventional" it was like a child's dream come true

mrgriscom 5y ago

Author here. To provide some context, my main impetus for creating this map was to facilitate my interest in topographic prominence [https://en.wikipedia.org/wiki/Topographic_prominence https://en.wikipedia.org/wiki/Topographic_prominence]. Prominence requires finding a mountain's "key saddle" -- the pass that connects the mountain to higher ground. This may be an unremarkable point hundreds of miles away, often with several candidates whose elevations differ by only a few meters. Oilslick was designed with the goal of helping locate these points and intuit their significance. The color banding helps visualize the saddle 'pinch points' with relative ease, and the high-contrast color ramp enables the necessary fine discernment in elevation values, even for points located far apart. You can peruse my (very preliminary, mostly mothballed) prominence work here [http://mrgris.com:10011/summits/?max=2500 http://mrgris.com:10011/summits/?max=2500] What I didn't expect was that the end result would be so aesthetically pleasing, almost dazzling. I love how it brings out subtle geological features and big-picture structure and relationships between landforms that don't show through in traditional topographic maps. I share some of the criticisms I've read here. The zig-zag points on the ramp where the brightness must double back create contrast 'dead zones' where it's hard to interpret what's going on. Sea level areas are very dark and the actual coastline is hard to discern. Partly this is from practical limitations of not using a coastline mask in addition to the raw elevation dataset -- I don't actually know whether a point is land or water. But nevertheless there is interesting detail in these coastal areas that oilslick currently doesn't do justice to. Overall it's been great to read the reactions here and see some people's perception of our world getting warped for the better.

zeristor 5y ago
Looking at the river Danube I hadn't appreciated how tight a valley it passes through to pass to the Black Sea. Is there enough data to take this below sea level a bit further?, continental shelves, I guess the resolution for that is a lot lower, or patchy
some_chap 5y ago
Thanks for making it available - I hope it doesn't burn through hosting costs! Purely for interest, but for me, the really interesting part was flipping between the OilSlick and Terrain maps, picking out the way that the landscape dedicated the roads, etc, which while visible, doesn't stand out in the same way on conventional maps. As such, if you do any enhancements to the mapping, I'd request the ability to overlay road/rail/major towns over the OilSlick map, but obviously that's without the least idea of what that might actually entail!

hoseja 5y ago

This is just using a "multi-band" colormap, no? I thought it would do something clever with shading or something but this is just a scale that instead of going 0-1 goes 0-1-0-1-0-1... while rotating hue. It seems to have a lot of perceptual artifacts/nonuniformities, like you would get a totally different feel from some areas if the scale was shifted 500m. It does nicely highlight mountain ranges/areas of rough terrain.

jaygray0919 5y ago

Very interesting. Am thinking: how to integrate with our complementary geo information as illustrated in these links. *Climate* https://afdsi.com/environment-climate-zone-us/ https://afdsi.com/environment-climate-zone-us/ https://afdsi.com/environment-climate-zone-missouri/ https://afdsi.com/environment-climate-zone-missouri/ *Soil* https://afdsi.com/environment-soil-ontology-usda/ https://afdsi.com/environment-soil-ontology-usda/ https://afdsi.com/environment-soil-ontology-unfao/ https://afdsi.com/environment-soil-ontology-unfao/ https://afdsi.com/environment-soil-geoJSON-andrews-county/ https://afdsi.com/environment-soil-geoJSON-andrews-county/ *Properties: environment and plants* https://afdsi.com/lode-earthster/ https://afdsi.com/lode-earthster/ https://afdsi.com/environment-plant-environment-ontology-LODE/ https://afdsi.com/environment-plant-environment-ontology-LOD... *Agriculture products* https://hort.purdue.edu/newcrop/cropmap/missouri/counties/andrew.html https://hort.purdue.edu/newcrop/cropmap/missouri/counties/an...

jmpman 5y ago

Surprised that the Grand Canyon isn’t easily visible with this map. Is that a resolution issue?