wellcometrust / annotation-viewer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Wellcome Quilt Prototype

This is going to cover the initial prototype stage for Wellcome Quilt project.

High level overview

osd with annotations

Store

The store is a small redux implementation. This was chosen for its upfront contracts to the UI layer that can be designed prior to either implementation of an API or the UI itself. This serves as a source of truth for both parties and intermediate data structure that fits the business requirements.

The store uses a variation on the command-control pattern to ensure scalability of data/actions and also reduce complexity as pieces are rebuilt in the short and long term.

View

Designed to be changed, implemented in React for this demo. It requires a constructor that accepts a annotation view model and Redux store, and a mountTo() implementation for rendering. The rest is completely open.

Viewer

This CAN be changed, but it is not advised. To change it you must replace the viewer actions to talk to the other viewer.

Annotation Handler (name TBC)

The exact implementation is to be confirmed, but this will compute the annotations from the server and digest the information into a data store for the UI to consume. It will also potentially render a d3 layer that contains polygons etc for viewing. This Polygon data will be used regardless for calculating the x, y, positions and also the optimal zoom level to contain the whole image.

Based on Front end starter kit

View project on GitHub

About

License:MIT License


Languages

Language:JavaScript 75.2%Language:HTML 10.7%Language:CSS 8.3%Language:PHP 5.7%