The project is based on GrapeTree, a fully interactive, tree visualization program within EnteroBase, which supports facile manipulations of both tree layout and metadata. Please see more info here.

The idea was to extend the original project in order to conducts spatio-temporal analyses with an integrated geographic information system (GIS) as well as a data visualization system across time. The web application allows users to upload geographic coordinates and temporal data related to each sample and allows to display them reflecting the selection in the tree on the map and vice versa, and reproducing a timelapse visualization both in the map and in the tree.

You can download the project and easly running it locally, but we provide also a ready to use version freely available following link below:

• https://cohesive.izs.it/grapetree/spread/

Please note, you can load sensitive data, your dataset is visualised client-side in the browser. No data is transmitted, and no tracking cookies are used. The only data downloaded from the internet are the visualisation (JavaScript) code, fonts and map tiles.

To run the project locally you need to set a web server, node packages http-server or live-server works pretty fine.

• Node js. Download the latest stable release of NodeJS from https://nodejs.org and install it using all the default options.

Now you will be able to install live-server globally on your machine using the node package manager npm command line tool, this will allow you to run a web server from anywhere on your computer.

npm install live-server -g

To start a web server, in terminal open the directory containing your static web files and start the server with the following command:

live-server

Download code from this repository on a directory DIR_SPREAD (for example: /tmp/spread) and run in terminal:

live-server DIR_SPREAD

Now you will be able to open the application in your web browser by reach following url

http:https://127.0.0.1:8080