Skip to content
Interactive organogram explorer
JavaScript HTML CSS Shell
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Move help icon top left Jan 10, 2020
image-generation Generate smaller jpgs for gallery Jan 6, 2020
wrangling Remove commas from pay data Dec 28, 2019
.gitignore Initial commit Dec 6, 2019
LICENSE
README.md

README.md

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.

You can’t perform that action at this time.