Skip to content

peterrcook/organograms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Organograms

This app presents a gallery of organograms. Click an organogram to explore it. Pan and zoom using usual mouse or touch gestures.

Architecture

This repo's directory structure is:

app/
image-generation/
wrangling/

app contains the front-end app which is built using JavaScript. Libraries include D3 (mainly for generating the tree structure). The tree is drawn on a canvas element. Currently no build tools are used. The .js files are just loaded one by one...

The entry point is app/js/app.js. State is handled by app/js/state.js. It uses a flux style pattern (e.g. similar to redux) but without using any additional libraries.

image-generation is where the static gallery images are created.

wrangling is where the data (from here) is cleaned and filtered. I've tried to keep this to a minimum but have had to make a few assumptions.