D3 examples

I've become convinced of the importance of interactive graphics, particularly for high-dimensional data.

I'm particularly smitten by D3 (aka d3.js). Here are a bunch of examples of my D3 efforts.

Examples

• Correlation matrix with linked scatterplot
• Linked heatmaps
• Single-QTL scans for phenotype over time
• Phenotypes measured over time for many individuals
• eQTL cis/trans plot
• Genotype-phenotype plot with transitions
• LOD curves with QTL effect plots
• Many box plots
• Alternate version of recombination fraction plot
• Interactive plot of pairwise recombination fractions/LOD scores
• Scatterplot with data pulled from JSON file
• Density estimate with slider for bandwidth
• Simple scatter plot with tool tips
• Slightly interactive LOD curve
• Random scatterplot with a slider
• Early experiment

Talks

• Why aren't all of our graphs interactive? (5 Oct 2012)
• Interactive graphics for high-dimensional genetic data (13 Mar 2013)
• Why aren't all of our graphs interactive? (8 Apr 2013)

For code, see my github repositories: d3examples (my more substantial D3 examples) and JSbroman (miscellaneous javascript/coffeescript code, include some simple D3 examples).

My github repositories don't include the data files (and the data structures are pretty important), but you can grab them from the web if you know what you're doing, or send me an email.