Using D3 and Stardust.js
Developed for the Data, Knowledge and Decisions research theme at The University of Tasmania
- This only works with Google Chrome
- This needs a dedicated GPU to work properly!
- If you have a hybrid GPU you can check which one is being utilised at WebGL Report (the current GPU is also printed to console)
- If the wrong GPU is being used, you must assign High Performance graphics to your web browser - see Assign graphics performance preferences to Windows 10 programs
- If you have a NVIDIA card, there may also be Run with graphics processor context menu option (which can be enabled)
- Please enter full screen (
F11
) - otherwise some controls are cut off - There is no loading indicator - so the screen may stay blank for ~20 seconds while the data is loading
- This is made for touchscreen - it doesn't work very well with a mouse
Example — All Voyages by Date:
-
Install dependencies:
npm i
-
Bundle npm packages:
browserify public/app/main.js -o public/dist/bundle.js
-
Then you can either open
public/static/index.html
in a web browser, or you can run a webserver withnode server.js
For the following screenshots, red represents fatalities.
You can see the difference between the East London and the surrounding voyages.
Grouped by voyages, coloured by disease.