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
Thoughts rearrange, familiar now strange.Holly Golightly & The Greenhornes break flowers

round: exciting



Malofiej 23 Bronze award for 1% Difference information graphic.


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)

news + thoughts

Happy 2015 Pi Day—can you see `pi` through the treemap?

Sat 14-03-2015

Celebrate `pi` Day (March 14th) with splitting its digit endlessly. This year I use a treemap approach to encode the digits in the style of Piet Mondrian.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Digits of `pi`, `phi` and `e`. (details)

The art has been featured in Ana Swanson's Wonkblog article at the Washington Post—10 Stunning Images Show The Beauty Hidden in `pi`.

I also have art from 2013 `pi` Day and 2014 `pi` Day.

Split Plot Design

Tue 03-03-2015

The split plot design originated in agriculture, where applying some factors on a small scale is more difficult than others. For example, it's harder to cost-effectively irrigate a small piece of land than a large one. These differences are also present in biological experiments. For example, temperature and housing conditions are easier to vary for groups of animals than for individuals.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Split plot design. (read)

The split plot design is an expansion on the concept of blocking—all split plot designs include at least one randomized complete block design. The split plot design is also useful for cases where one wants to increase the sensitivity in one factor (sub-plot) more than another (whole plot).

Altman, N. & Krzywinski, M. (2015) Points of Significance: Split Plot Design Nature Methods 12:165-166.

Background reading

1. Krzywinski, M. & Altman, N. (2014) Points of Significance: Designing Comparative Experiments Nature Methods 11:597-598.

2. Krzywinski, M. & Altman, N. (2014) Points of Significance: Analysis of variance (ANOVA) and blocking Nature Methods 11:699-700.

3. Blainey, P., Krzywinski, M. & Altman, N. (2014) Points of Significance: Replication Nature Methods 11:879-880.

...more about the Points of Significance column

Color palettes for color blindness

Tue 03-03-2015

In an audience of 8 men and 8 women, chances are 50% that at least one has some degree of color blindness1. When encoding information or designing content, use colors that is color-blind safe.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A 12-color palette safe for color blindness

Points of Significance Column Now Open Access

Tue 10-02-2015

Nature Methods has announced the launch of a new statistics collection for biologists.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column is now open access. (column archive)

As part of that collection, announced that the entire Points of Significance collection is now open access.

This is great news for educators—the column can now be freely distributed in classrooms.

...more about the Points of Significance column

Before and After—Designing Tiny Figures for Nature Methods

Tue 13-01-2015

I've posted a writeup about the design and redesign process behind the figures in our Nature Methods Points of Significance column.

I have selected several figures from our past columns and show how they evolved from their draft to published versions.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Fig 2 from Points of Significance: Nested designs. (Krzywinski, M. & Altman, N. (2014) Nature Methods 11:977-978.) (...more)

Clarity, concision and space constraints—we have only 3.4" of horizontal space— all have to be balanced for a figure to be effective.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Fig 2c (excerpt) from Points of Significance: Designing comparative experiments. (Krzywinski, M. & Altman, N. (2014) Nature Methods 11:597-598.) (...more)

It's nearly impossible to find case studies of scientific articles (or figures) through the editing and review process. Nobody wants to show their drafts. With this writeup I hope to add to this space and encourage others to reveal their process. Students love this. See whether you agree with my decisions!