I made Jurassphere, a website with a 3D globe you can spin to explore real dinosaur fossil sites, sort of like Google Earth but for dinosaurs.
For the globe I used a JavaScript library called globe.gl. Then I hooked it up to the Paleobiology Database, a real public science API, so the markers are actual dig sites. There are over 400 of them. Click one and a panel slides in with the dinosaur’s name, its time period, the coordinates, and where it was found.
I also added a backup list of 15 famous dinosaurs in case the API ever goes down, so the site never ends up empty.
I added a filter for the three main periods, a search box that flies the camera to whatever dinosaur you type, an intro animation, and background sound you can turn on or off.
It’s plain HTML, CSS, and JavaScript with no framework. I wrote tests for the data code, and it runs on GitHub Pages: https://hpeen.github.io/Jurassphere/
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.