Biofabrics [yFiles for HTML]

Datasets

Load one of three datasets, each of different size and complexity, in order to highlight different aspects and advantages of biofabric visualizations: a company network, a logistics (ego) network, or a dynamic (high-frequency) trading network.

Choose a dataset to load:

Styling Options

Try out two different styling options for the visualized biofabric. On the one hand, edge color mode dictates what properties of the data determine each edge's color, i.e., the node groups that said edge connects, the edge group that the edge maps to, or no coloring whatsoever. On the other hand, node-width mode dictates how wide each node is drawn, i.e., the entire width of the canvas, only until its final edge, or only from its first until its final edge.

Choose an edge color mode:

Choose a node-width mode:

Node/Edge Ordering

Biofabrics offer a unique advantage over most node-link diagrammatic representations: the ability to order nodes and edges. Here, you can set how nodes and edges are ordered (within their respective groups). By default, biofabric normally order nodes by their degree (so-called DegreeDescending) and edges by their edge length, but, where applicable, they can also be sorted by their labels.

Choose an edge sorting mode:

Choose an node sorting mode:

Grouping Options

Finally, biofabrics offer the ability to straightforwardly group nodes and edges visually into blocks. Here, you can enable and disable the grouping of nodes and edges as well as determine how these node/edge groups are sorted, i.e., based on the group's label or based on its cardinality (size).

Group Edges:

Choose an edge group sorting mode:

Group Nodes:

Choose a node group sorting mode: