Maps - how to integrate side-by-side (before-after) comparer?

[lukesdm]

Hi, I'm wondering what the best way to integrate something like this - a side-by-side/before-after map slider - would be?

I guess there are 2 questions: 1. how to integrate a leaflet plugin like that, and 2) how to integrate something similar for other widget types e.g. images?

[jimjam-slam]

For images I'd check out Knight Lab's JuxtaposeJS. Here's a demo Quarto doc that uses it!

Source: https://github.com/jimjam-slam/quarto-experiments/blob/main/juxtapose/index.qmd
Rendered: https://jimjam-slam.github.io/quarto-experiments/juxtapose

[lukesdm]

For images I'd check out Knight Lab's JuxtaposeJS. Here's a demo Quarto doc that uses it!

Source: https://github.com/jimjam-slam/quarto-experiments/blob/main/juxtapose/index.qmd Rendered: https://jimjam-slam.github.io/quarto-experiments/juxtapose

Fantastic, thank you!