This sample application demonstrates using Redux with custom middleware to support data being pushed from Firebase. The fake cyber security data represents IP addresses that have been compromised by some type of threat. The geo location of each IP is rendered on a Leaflet map and each marker can be clicked to see more details.
Incoming data is buffered using RxJs so that new information can be rendered in batches.
The stacked bar chart on the right demonstrates using D3 with React.
Take a look at some of the tests as well.
npm install
npm test
npm start
Then visit http://localhost:3000.
You should see something like this: