I’ve created a real-time earthquake monitoring tool, using data from the three most important agencies/institutions worldwide and combining all the data to present it on an interactive 3D map.
The tool updates every 30 seconds, providing valuable real-time data and using tree.js to present it on a globe in a very practical visual way. This allows you to view any area and creates a “cinema” mode, automatically showing you the latest earthquakes and the most seismically active areas with the most recent events. Earthquakes are displayed in different circle sizes to represent their magnitude, and in different colors to indicate their age within a 7-day time window.
I’ve translated the tool into 9 languages (in accordance with the website’s languages).
You can see it in action here: Latest Earthquakes Today: Real-Time Seismic Monitor. The documentation can be found here: Real-Time Monitor, Interactive 3D Map and Current Data
The app is done with php and javascript. Mysql DB that have the translations.
Thank you for providing the community with tools like this.
5 Likes
Looks awesome! Cool to see the faultlines too.. but I’m not seeing any circles pop up.. is the feed down?
I really liked the idea and execution, congratulations. I have a couple of comments, since you asked for them:
- Like @manthrax, in my case the circles did not appear at first, but they did after a minute, probably because the data was downloading. I think it would be good to let the user know that this is happening in the background.
- Intuitively, one would think that the different colours of each circle correspond to magnitudes, but it is in the second link (not in the actual application, mind you!) where it is explained that they correspond to their ‘age’ or elapsed time. In addition to suggesting that this be clarified in the map itself (and not in a second web page), it would be good if the user could change it, but I’ll leave that up to you.
- Also, the exhaustive list of events in the right-hand bar. As a user, one would expect to be able to filter that list to search for events by certain criteria (by country, by coordinates, by magnitude, etc.), instead of scrolling it ‘ad-infinitum’ searching for something.
The rest of the application works well and has kept me entertained for quite some time. I work with earthquakes data myself and found it useful in several ways.
Enhorabuena y saludos iberoamericanos ! 
I found a bug in the cookies pannel. I solved it, You can to try?
Analytics are important for understanding, for example, whether the app received a higher number of visits on a particular day due to a major event, or for discovering new areas that hadn’t been previously tracked. All of this can help improve the tool. Since analytics uses cookies, users are legally entitled to privacy preferences, and their choices must be respected.
1 Like
Thanks for the feedback. The configuration is now ready to filter by magnitude. The issue with the circles not appearing has been resolved; I found the bug. I apologize for the initial failure. Regarding the color and size swapping, I’ll note it down as a suggestion for future implementation, as well as providing a brief description of the view. In any case, the marquee displays a lot of information, including explanations of the colors. It’s true that the marquee has a lot of information and is quite long, but there’s a lot of information that users need to know. I’ll also note the country filters; in any case, for searching for specific events, I was already planning to create an event search engine later. The main purpose of this map is for monitoring recent events. Thanks again for the feedback; it’s always useful and necessary to see things from the users’ perspective and get this valuable input.
