Hypertree

Installation

git clone [email protected]:glouwa/gulp.git
npm install -g gulp
npm install

Generating Tree of Life data

mkdir res/downloads/
mkdir dist/hierarchys/Open Tree of Life/
gulp fetch-otol
gulp fetch-fs
gulp deploy-res

Run

gulp watch

Will build and open a browser window.

ISDS Project10

refactoring

- split in 3, rollup, webpack (tests!), npm
- define api, extract infterface
- write howto
- reduce package size
- predefine api for
- configrable component, with configuation ui

features

• upto a few thousand nodes
• "perimeter culling" ✓
• default zoom level (see whole tree) ✓~
• hyperbolic zoom = radius adjustment
• multi-touch events / responsive (puh, ob das am handy jemals läuft? wie weit responsive?)
• label filtering
  • by data (importance is defined in dataset)
  • by algo (entropy, min distance, along path)
  • force directed
  • by 2 circles 'clip'
• level-of-detail drag (lines on drag, curves on refresh)
  • lines on drag, curves on refresh
  • hide labels on drag
  • hide nodes on drag if nessessary
• save as svg

[o semantic (doi) filtering]

performace consderations

- svg into frame buffer = miniature using css transform ?
- is css fast? how to save as svg?
- dataset will be loaded completly
- svg elements limited
- javascript limitations
    - currently all nodes are transformed from hyperbolic space to euclidian
    - keep this if possible, otherwise:
        - get a visible node, (the one under mouse?)
        - transform children unitl r > .995 and add to visible set
        - transform parent unitl r > .995 and add to visible set