Scrolling Carousel Heatmap for Genetic Variants with d3 and React

A few months ago, I mentioned that I was working on a project at Stanford for viewing genetic variants in yeast using d3 and react.  I promised to provide more detail, so here is the finished version http://www.yeastgenome.org/variant-viewer.  In addition to the scrolling  heatmap, I also implemented an interactive dendrogram to show the clustering between the genomes on selected regions of their respective genomes.  Additionally, I ran the clustering analysis in the browser on a web worker using the awesomely named clusterfck  library from https://github.com/harthur/clusterfck.

Here is our group’s publication at http://www.ncbi.nlm.nih.gov/pubmed/26578556 describing it in more detail.

In an interesting side note to this chapter of my life, I noticed the author of the aforementioned clusterfck library (Heather Arthur) also wrote a JavaScript implementation of cat face detection (https://github.com/harthur/kittydar).

Screen Shot 2016-03-12 at 2.58.56 PM.png

Leave a comment