Interactive graphics for genetic data

Karl Broman

Biostatistics & Medical Informatics, University of Wisconsin – Madison

kbroman.org
github.com/kbroman
@kwbroman

slides: bit.ly/Memphis2015a

Why aren’t all of our graphs interactive?

2

1994

Bandwidth = 1.00

3

1987

4

1987

5

1987

6

1984

7

Why?   summary + details

8

9

daviddeen.com

10

Intercross

11

Genome scan for QTL

12

Genome scan for QTL

12

Genome-scale phenotypes

13

 

14

 

15

Why?   summary + details

16

Why?   people are busy

17

Why?   reports to collaborators

18

Why?   teaching

19

Why not?

20

D3 is awesome!

You just need to learn html, css, svg, and javascript.

And don’t forget .enter()

http://mbostock.github.io/d3/talk/20111018/collision.html

21

JSFiddle is awesome!

22

Coffeescript is awesome!

blob.attr("x", (d) -> d.x)

height = options?.height ? 500

23

Coffeescript is awesome!

blob.attr("x", (d) -> d.x)

height = options?.height ? 500

23

htmlwidgets is awesome!

24

 

Easy or flexible?

25

Interactive eQTL plot

26

R/qtlcharts   kbroman.org/qtlcharts

27

R/qtlcharts   kbroman.org/d3panels

28

Summary

29

Acknowledgments

Alan Attie
Mark Keller
Biochemistry, UW–Madison
Brian Yandell Statistics and Horticulture, UW–Madison
Christina Kendziorski
Aimee Teo Broman
Biostatistics & Medical Informatics, UW–Madison
Eric Schadt Mount Sinai
Danielle Greenawalt
Amit Kulkarni
Merck & Co., Inc.
Śaunak Sen Epidemiology & Biostatistics, UC-San Francisco
Edgar Spalding
Candace Moore
Logan Johnson
Botany, UW-Madison

30

slides:   bit.ly/Memphis2015a  

kbroman.org

github.com/kbroman

@kwbroman

kbroman.org/qtlcharts

31