Martin Krzywinski / Genome Sciences Center / mkweb.bcgsc.ca Martin Krzywinski / Genome Sciences Center / mkweb.bcgsc.ca - contact me Martin Krzywinski / Genome Sciences Center / mkweb.bcgsc.ca on Twitter Martin Krzywinski / Genome Sciences Center / mkweb.bcgsc.ca - Lumondo Photography Martin Krzywinski / Genome Sciences Center / mkweb.bcgsc.ca - Pi Art Martin Krzywinski / Genome Sciences Center / mkweb.bcgsc.ca - Hilbertonians - Creatures on the Hilbert Curve
Mad about you, orchestrally.Hooverphonicfeel the vibe, feel the terror, feel the painmore quotes

round: fun



Visualizaiton workshop at UBC B.I.G. Research Day. 11 May 2016


visualization + design

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Cover image for the human genetics special issue. Trends in Genetics October 2012, 28 (10) (lowres, hires, Trends in Genetics)

Creating the Trends in Genetics October 2012 Cover

Lately, I've been making a lot of square things round. So when Rhiannon Macrae, the Editor of Trends in Genetics, requested a Circos-like cover image for the human genetics special edition of the journal, I started drawing circles.

The image was published on the cover of Trends in Genetics human genetics special issue (Trends in Genetics October 2012, 28 (10)).

Tools

Circos, Circos tableviewer, Illustrator CS5, and a cup (or two) of Galileo coffee from a Rancilio Epoca.

Other Covers

Circos has appeared on covers of journals and books. Some of the images were designed by me and others were drawn from papers published in the issue.

Journals

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Cover of Blood, 2 Aug 2012, 120(5). Figure from Egan, J. B., C. X. Shi, et al. (2012). Whole-genome sequencing of multiple myeloma from diagnosis to plasma cell leukemia reveals genomic initiating events, evolution, and clonal tides. Blood 120(5): 1060-1066. (Blood)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Genomics, Aug 2012, 100(2). Figure from Katapadi, V. K., M. Nambiar, et al. (2012). Potential G-quadruplex formation at breakpoint regions of chromosomal translocations in cancer may explain their fragility. Genomics 100(2): 72-80. (Genomics)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Science Translational Medicine, December 2010, 2(61). Figure from Lo, Y. M., K. C. Chan, et al. (2010). Maternal plasma DNA sequencing reveals the genome-wide genetic and mutational profile of the fetus. Sci Transl Med 2(61): 61ra91 (Science Translational Medicine)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
EMBO Journal, May 2009, 28(9). Cover design by Martin Krzywinski. (EMBO)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Biotechnology, November 2009, 27(11). Figure from Cho, B. K., K. Zengler, et al. (2009). The transcription unit architecture of the Escherichia coli genome. Nat Biotechnol 27(11): 1043-1049. (Nature Biotechnology)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Genome Research, April 2008, 18(4). Cover design by Ryan Morin (Genome Research)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
American Scientist, September/October 2007. Cover design by Martin Krzywinski — how it was done. (American Scientist)

Books

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
iGenetics, 3rd ed. by Peter Russell (Benjamin Cummings). Cover design by Martin Krzywinski. (iGenetics)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Building Bioinformatics Solutions with Perl, R and MySQL (Oxford University Press). Cover design by Martin Krzywinski. (Building Bioinformatics Solutions)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Designing Universal Knowledge by Gerlinde Schuller (Lars Müller Publishers) (Designing Universal Knowledge)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Chromosomes — art book of film stills, David Cronenberg. Contribution to book design by Martin Krzywinski. (Chromosomes)

source of design

I have a collection of unpublished Circos posters and thought these might be a good starting point. Rhiannon and I narrowed the choice down to the black-and-white design that showed sequenced organisms. We also liked the complex style of a panel of hundreds of Circos images generated with the tableviewer.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
An old Circos poster. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A panel of images generated from the Circos tableviewer. (zoom)

The idea would be that the foreground would be more artistic and stylized, while the background was more technical and complex. I have thousands of images available from the tableviewer (e.g. huge 15,129 image matrix).

Rhiannon also wanted to include the quote by Henry David Thoreau, "Nature and human life are as various as our several constitutions. Who shall say what prospect life offers to another?" This reminded me of a similar but more tragic line from Shakespeare's Julius Caesar, "How many ages hence shall this our lofty scene be acted over in states unborn and accents yet unknown!"

early comps

In the early comps we played around with the idea of using non-genomics elements in the image, such as coins. We thought that we could use the variety of color and shape of the coins to communicate the idea of genetic diversity. However, after wrestling with how to do this effectively the concept was scrapped — the idea of using coins felt both arcane and arbitrary.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
First set of comps. (zoom)

I decided to go with a warm brown color scheme. It's not a color I use a lot of, which makes me think that I should try to do more with it.

Deep brown provides great contrast for saturated colors, though I had to be careful not to make the image look too kitchy with an excess of colour variation. In some of the early comps shown above, two or more different color palettes were used (e.g. grey/red/blue and false color) and this lowered to overall visual cohesion of the image.

It's always a good idea to add variety to design. After all, without any variety we'd be left with a blank page. Ok, so variety is good, but too much variety is very bad, and can make you wish for that blank page again. Think about this: one kind of variety already provides variety! A variety of variety (I run the risk of recursing myself ad infinitum) can not only compete for attention but resonate destructively (that's design-speak for "turn into visual mush").

refining the design

Everyone liked the combination of bright colors and dark background. This is an approach I favour too, which has worked well on other covers.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Experimenting with an organic look. (zoom)

Briefly I experimented with various brush and pencil filters to give the image a more hand-drawn and organic look. Most of the illustrations I generate are very digital — blocks of solid colors and high-contrast shapes — and I thought a departure from this look could work in this case. However, like with the coins, this path didn't produce anything productive.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Refining color palettes. (zoom)

final image elements

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
The background is created from a matrix of about 1,400 individual Circos images created by the user community using the tableviewer. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
The main element is a Circos image of a 15 x 15 table, also created with the tableviewer. (zoom)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A watermark made up from elements in a tableviewer image that show aggregate statistics for each row and column. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A multi-crop zoom of the main element shown above. This version is colored for punch. (zoom)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Masks showing the locations of smaller vignettes. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
An 8 x 8 tableviewer image with outlined ribbons. (zoom)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Thoreau quote: Nature and human life are as various as our several constitutions. Who shall say what prospect life offers to another? (zoom)

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Background and midground elements. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Background and foreground elements. (zoom)

final image

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Final image with all the layers. (Trends in Genetics October 2012, 28 (10)) (zoom)
VIEW ALL

news + thoughts

Pathways

Mon 04-01-2016

Apply visual grouping principles to add clarity to information flow in pathway diagrams.

We draw on the Gestalt principles of connection, grouping and enclosure to construct practical guidelines for drawing pathways with a clear layout that maintains hierarchy.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of View column: Pathways. (read)

We include tips about how to use negative space and align nodes to emphasizxe groups and how to effectively draw curved arrows to clearly show paths.

Hunnicutt, B.J. & Krzywinski, M. (2016) Points of Viev: Pathways. Nature Methods 13:5.

background reading

Wong, B. (2010) Points of Viev: Gestalt principles (part 1). Nature Methods 7:863.

Wong, B. (2010) Points of Viev: Gestalt principles (part 2). Nature Methods 7:941.

...more about the Points of View column

Multiple Linear Regression

Mon 04-01-2016

When multiple variables are associated with a response, the interpretation of a prediction equation is seldom simple.

This month we continue with the topic of regression and expand the discussion of simple linear regression to include more than one variable. As it turns out, although the analysis and presentation of results builds naturally on the case with a single variable, the interpretation of the results is confounded by the presence of correlation between the variables.

By extending the example of the relationship of weight and height—we now include jump height as a second variable that influences weight—we show that the regression coefficient estimates can be very inaccurate and even have the wrong sign when the predictors are correlated and only one is considered in the model.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Multiple Linear Regression. (read)

Care must be taken! Accurate prediction of the response is not an indication that regression slopes reflect the true relationship between the predictors and the response.

Altman, N. & Krzywinski, M. (2015) Points of Significance: Multiple Linear Regression Nature Methods 12:1103-1104.

Background reading

Altman, N. & Krzywinski, M. (2015) Points of significance: Simple Linear Regression Nature Methods 12:999-1000.

...more about the Points of Significance column

Circos and Hive Workshop Workshop—Poznan, Poland

Sun 13-12-2015

Taught how Circos and hive plots can be used to show sequence relationships at Biotalent Functional Annotation of Genome Sequences Workshop at the Institute for Plant Genetics in Poznan, Poland.

Students generated images published in Fast Diploidization in Close Mesopolyploid Relatives of Arabidopsis.

Workshop materials: slides, handout, Circos and hive plot files.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Drawing synteny between modern and ancient genomes with Circos.

Students also learned how to use hive plots to show synteny.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Hive plots are great at showing 3-way sequence comparisons. Here three modern species of Australian Brassicaceae (S. nutans, S. lineare, B. antipoda) are compared based on their common relationships to the ancestral karotype.

Mandakova, T. et al. Fast Diploidization in Close Mesopolyploid Relatives of Arabidopsis The Plant Cell, Vol. 22: 2277-2290, July 2010

Play the Bacteria Game

Mon 14-12-2015

Choose your own dust adventure!

Nobody likes dusting but everyone should find dust interesting.

Working with Jeannie Hunnicutt and with Jen Christiansen's art direction, I created this month's Scientific American Graphic Science visualization based on a recent paper The Ecology of microscopic life in household dust.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
An analysis of dust reveals how the presence of men, women, dogs and cats affects the variety of bacteria in a household. Appears on Graphic Science page in December 2015 issue of Scientific American.

We have also written about the making of the graphic, for those interested in how these things come together.

This was my third information graphic for the Graphic Science page. Unlike the previous ones, it's visually simple and ... interactive. Or, at least, as interactive as a printed page can be.

More of my American Scientific Graphic Science designs

Barberan A et al. (2015) The ecology of microscopic life in household dust. Proc. R. Soc. B 282: 20151139.

Names for 5,092 colors

Tue 03-11-2015

A very large list of named colors generated from combining some of the many lists that already exist (X11, Crayola, Raveling, Resene, wikipedia, xkcd, etc).

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Confused? So am I. That's why I made a list.

For each color, coordinates in RGB, HSV, XYZ, Lab and LCH space are given along with the 5 nearest, as measured with ΔE, named neighbours.

I also provide a web service. Simply call this URL with an RGB string.