Ancestry
Ancestry is an AngularJS module consisting of a number of directives allowing to generate interactive lineage plots based on d3.js.
To install this package with NPM use:
npm install ancestry
Plots
There are currently 4 types of plots offered by Ancestry:
-
Lineage
(
) Lineage plot uses a horizontal tree layout. It lays out nodes based on depth in the tree or based on timestamp. -
Lineage-scatter
(
) Lineage-scatter plot lays out nodes based on their x and y properties. -
Radial lineage
(
) Radial-lineage is very similar to basic lineage plot, but it arranges the nodes in a radial layout. Also, it is not suited for time data. -
Radial phylogenetic tree
(
) Radial-phylogenetic-tree is a simple phylogenetic tree in a radial layout.
All plots support numerous features - heatmap with a colorbar, multiple series with a legend, different node types, label collision detection, zooming and panning, png or svg download, node selection, brush, tooltips and flexible user-defined interactions with nodes and links. Examples of these plots can be seen below. To learn more about the data format, go to the data format section. To find information how to configure plots to achieve the desired appearance, check general layout and plot specific-layout. To find out how to add more advanced interactivity to the plot, check the documentation of directive attributes.
Examples
Lineage
- Plot
- Data
- Layout
- JS
- HTML
- Plot
- Data
- Layout
- JS
- HTML
Lineage-scatter
- Plot
- Data
- Layout
- JS
- HTML
Radial-lineage
- Plot
- Data
- Layout
- JS
- HTML
Phylogenetic tree
- Plot
- Data
- Layout
- JS
- HTML