Making a Real-Time Earthquake Visualizer

Using the concepts that we’ve covered so far in this chapter, we’ll build a web application that uses RxJS to show us where earthquakes are happening in real time. We’ll start by building a functional but naive reactive implementation, and we’ll improve it as we go. The final result will look like this:

images/earthquake_example.png

Preparing Our Environment

We’ll use the USGS (U.S. Geological Survey) earthquake database,[12] which offers a real-time earthquake dataset in several formats. We will get our data from the weekly dataset in JSONP format.

We’ll also use Leaflet, a JavaScript library, to render interactive maps.[13] We ...

Get Reactive Programming with RxJS 5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.