anatomogram

Expression Atlas Anatomogram React component

This is an anatomogram for Expression Atlas that we use to illustrate the experiments.

See demo here

The ontology IDs are sourced from Uberon, EFO and Plant Ontology.

To install: npm install --save anatomogram

You can reuse it as a React component or add a non-React wrapper. For example uses, see the code for the demo component and how we use it in github.com/gxa or get in touch.

Contribute

Development

Required:

npm, webpack, webpack-dev-server

To update the anatomograms or ontology IDs edit them in the assets/svg directory, then run

scripts/idsForSvgs.py

This regenerates the file assets/json/idsForSvgs.svg.

To add new anatomograms put them in the assets/svg directory, then edit the config assets/json/svgsForSpecies.json.

When you are finished run a local copy of the demo page:

webpack-dev-server --port 9000

Go to localhost:9000/html and see that the tissues show up like you want them to.

Publish

Regenerate the bundled files:

webpack

Examine the output and see that there were no errors.

git add . && git commit -m "Example update"
git show # see the changes you made
git push

Go to the demo page and see that the change shows up there.

Optionally: bump the package version, publish on npm, then in Atlas require the newest version, and reinstall it.