Repository files navigation

This repository contains stand-alone versions of the Unipept visualizations. At this time, a treeview, a treemap, a sunburst graph and a heatmap are available. The complete package has been written in TypeScript and uses D3 (v6) internally and is aimed at rendering vast amounts of data as fast as possible. Most visualizations are SVG-based, but an HTML Canvas has been used where necessary to make sure performance is as high as possible.

D3.js (version 6.x should do) and is required to use these visualizations. The code is written using JavaScript ES2020 features, but a transpiled ES6-compatible version (unipept-visualizations.js) that should work in all modern browsers is available in thedist directory.

1. Download and includeunipept-visualizations.min.js on your page
2. Include D3
3. Add a div with an id (for example<div></div>) to your page
4. Initialize the treeview by invokingtreeview() ortreemap() with the div-element. For exampleconst treeview = new UnipeptVisualizations.Treeview(document.getElementById("example"), data, options);

Head over to ourGitHub Wiki for the full documentation of this package.