What is BioFabric?

Biofabric is a visualization technique used to represent networks, and is unique in that it represents nodes as horizontal lines, and edges as vertical lines. There is one node per row, and one edge per column. To show the connection between nodes, the edges (vertical lines) are drawn darker than nodes. The ends of a node-edge link are displayed as a small square, and a looping ordered set of 32 colors are used to make tracking elements within the BioFabric over long distances.

Benefits of BioFabric:

Edges never intersect in a BioFabric visualization, making it clear which nodes are connected. Paired with the coloring system, this makes it easy to view the relationships that nodes with many edges have with other nodes. At the macro level, BioFabric easily shows the number of edges associated with a given node. Zooming in, BioFabric allows the user to easily trace the connections between nodes and edges by following the colored horizontal and vertical lines.

Limitations:

When representing a tree with many nodes and edges, the BioFabric is unable to display descriptive data relevant to the visualization. Therefore, a zoom function is necessary in order to read what each node and edge represent. Additionally, with very large datasets, it becomes difficult to differentiate rows, making it hard to tell where one row stops and the row below it begins. This makes the zoom function vital to the implementation of the BioFabric, otherwise it is impossible to read the data it is representing. Despite the issues caused by massive datasets, BioFabric still handles large numbers of nodes and edges better than the traditional node-link diagram, and effectively untangles the "hairball" that they create.

BioFabric Example:

William Longabaugh has an excellent example of how BioFabric works at his website http://www.biofabric.org/gallery/pages/SuperQuickBioFabric.html. Additionally, there is a downloadable version of BioFabric written in Java that is available, which allows the user to import data and utilize basic zooming functions on the visualization. The download can be found at Longabaugh's website.

References:

  1. Longabaugh, William JR. "Comb the Hairball with BioFabric." Comb the Hairball with BioFabric. N.p., n.d. Web. 21 Apr. 2016. http://www.biofabric.org/. Description of BioFabric and example of implementation.
  2. "BioFabric." Wikipedia. Wikimedia Foundation, n.d. Web. 21 Apr. 2016. https://en.wikipedia.org/wiki/BioFabric. Wikipedia page for BioFabric.
  3. Longabaugh, William JR. "BMC Bioinformatics." Combing the Hairball with BioFabric: A New Approach for Visualization of Large Networks. BioMed Central, 27 Oct. 2012. Web. 24 Apr. 2016. http://bmcbioinformatics.biomedcentral.com/articles/10.1186/1471-2105-13-275. Longabaugh's formal paper on BioFabric visualizations and implementations.
  4. Blakley, Bob, GR Blakley, and Sean Blakley. "How to Draw Graphs: Seeing and Redrafting Large Networks in Security and Biology." N.p., n.d. Web. 21 Apr. 2016. https://arxiv.org/pdf/1405.5523v1. Academic paper exploring how to draw effective graphs without the edges overlapping.
  5. Longabaugh, Willam JR. "Combing the Hairball." A Network Classic: Les Miserables. N.p., n.d. Web. 23 Apr. 2016. http://biofabric.blogspot.com/2013/02/a-network-classic-les-miserables.html. Source for traditional node-link "hairball" diagram.
  6. Kosara, Robert. "Graphs Beyond the Hairball." eagereyes. N.p., 1 Feb. 2012. Web. 21 Apr. 2016. https://eagereyes.org/techniques/graphs-hairball. Webpage discussing the issues caused by hairballs, and different ways to display data other than the traditional node-link method. Also, Longabaugh commented on the page, mentioning his personal solution to the issue, BioFabric.
  7. Bostock, Mike. "BioFabric in R as an Htmlwidget with D3.js." Popular Blocks. N.p., n.d. Web. 24 Apr. 2016. https://bl.ocks.org/timelyportfolio/eda532b01c24bf4ac1d6. Mike Bostock's version of BioFabric, which turns Longabaugh's implementation into a widget, which allows the user to zoom in on the visualization.

BioFabric Presentation:

Slideshow