Skip to content
Webgl pointcloud visualization of the Via Appia based on potree
Branch: master
Clone or download
Maarten van Meersbergen
Maarten van Meersbergen demo version
Latest commit 5c8cdc4 Sep 27, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.


Build Status Code Climate Test Coverage Sauce Test Status devDependency Status Codacy Badge DOI

Webgl pointcloud visualization of the Via Appia based on


A big step towards a 3D GIS Application.
logo With 3D footprints of grave monuments based on GPS coordinates.
logo A 'background' or reference frame was made with Fugro's drive-map technology
logo Several monuments have been photographed extensively and made into seperate pointclouds. This is an ongoing process.
logo logo Measurements can be made in the 3D environment.
logo Historical maps can give extra information on the site's history.
logo Searching options like the material used in the site can give extra insight.

Getting started (windows, from scratch)

  1. Install Git :
  2. Install Node.js : (Make sure add node to PATH option is checked)
  3. Create '$HOME/npm' folder (Where $HOME is c:\Users<username>\AppData\Roaming).
  4. Open node command prompt and run npm install -g bower grunt-cli
  5. Install Ruby: (Make sure add ruby to PATH option is checked)
  6. Open ruby command prompt and run gem install compass
  7. Start Git bash
  8. Type: "git clone"
  9. Type: "cd PattyVis"
  10. Type: "npm install -g grunt grunt-cli"
  11. Type: "npm install"
  12. Type: "bower install"
  13. Type: "bower update"
  14. Type: "grunt serve"
  15. Open browser, go to "http://localhost:9000"

Getting started (Linux, Debian and Ubuntu based)


  1. nodejs,
  2. bower,
  3. compass,
  4. Java Development Kit,
  5. PhantomJS v1


Install nodejs

Follow instructions at joyents github website:

Install nodejs modules

Install bower, karma-cli and grunt-cli globally

sudo npm install -g bower grunt-cli karma-cli

Install compass

Compass is used to convert the sass 2 css.

  1. Install Ruby using
  2. Install Ruby dev and other dependecy packages
sudo apt-get install ruby-dev libffi-dev
  1. Install compass (for sass compilation)
gem install compass

Fetch git repository

git clone

setup with bower

cd PattyVis
npm install
bower install

If you already have a installed the bower packages before, but need to update them for a new version of the code, run

bower update

start development server & open browser

grunt serve

Changes made to code will automatically reload web page.

Run unit tests

grunt test

Generates test report and coverage inside test/reports folder.

Run end-to-end tests with local browser (chrome)

Tests in Chrome can be run with

grunt e2e-local

The pointcloud and minimap use a canvas and can't be tested automatically so they must be verified manually using the screenshots in the report. Open e2e/reports/report.html in a web-browser.

Run end-to-end tests on sauce labs

To connnect to Sauce Labs use sauce connect program. Here you can find the details on how to install and run it.

Before tests can be run the sauce labs credentials must be setup

export SAUCE_USERNAME=<your sauce labs username>
export SAUCE_ACCESS_KEY=<your sauce labs access key>

Tests in Chrome, Firefox on Windows, Linux and OSX can be run with

grunt e2e-sauce

The pointcloud and minimap use a canvas and can't be tested automatically so they must be verified manually using the screencast in the report at<your sauce labs username>.

Travis-ci also runs end-to-end tests on sauce labs.

Note! Running grunt e2e-sauce will undo all changes in app/ folder.

Build a distro

grunt build

The dist folder has production ready distribution.

Generate API documentation

grunt jsdoc

API documentation is generated in doc/ directory.


For mockup see

Oculus Rift

Get the host application and run it:

Creation of sites.json

In db run:

SELECT site_id, ST_ASGEOJSON(geom, 15,5) FROM sites_geoms WHERE site_id IN (162,13);

To get geometry, bbox and crs.

Height and properties need to be filled manually.

Frame rate report

Use Chrome FPS plotting to get the frame rate.

  1. Open developer tools
  2. On Console tab goto Rendering tab (bottom screen)
  3. Check the Show FPS meter checkbox
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.