Cochabamba Lakes

Website presentation of dried up lakes in the city of Cochabamba, Bolivia.

📌 Access presentation

Features

• Geographically accurate SVG maps.
• SVG animations using anime js, involving zoom and pan effects.
• Animations triggered as user scrolls up/down.

Set up

To access the presentation locally, clone repo and build.

$ npm install
$ npm run build

Minified js and css files will be generated.

Then, open src/index.html on your preferred web browser.

Inspiration

The idea of making a map-based presentation was obtained from the NY Times How the virus won article.

Sources

Icons made by Freepick, Pixel Buddha, and Pixel Perfect from www.flaticon.com.

License

GPL 3.0.