A quick prototype for visualising all data for a specific day. Utilised for presentations.
- Hook up your data to be pulled by the app. The easiest way is to add to symlink to a
data
directory within thepublic
directory. Please see theApp.js
file for the paths required for each type of data. - Start up the server - this is using the
create-react-app
setup, sonpm start
will kick this off in development mode. - You should now be able to see a interface with data showing, and be able to move backwards and forwards through days.
Note: In order to display Google timeline KML data on the Google Map, the KML files must be publically available for Google servers to access. The easiest way to do this is to use ngrok
. Once you have ngrok running and pointing to the development server, please add the ngrok URL in App.js
as the server
value.
The aim of this UI was initially as a presentation tool, and now as a jumping off point for further development. I don't have a clear roadmap for this work, but hope to enhance it as further extractors are created, and build upon it to make it easier to use.