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
Here we are now at the middle of the fourth large part of this talk.Pepe Deluxeget nowhere


Bioinformatics and Genome Analysis Course. Izmir International Biomedicine and Genome Institute, Izmir, Turkey. May 2–14, 2016


visualization + design

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Cover image accompanying our article on mouse vasculature development. Biology turns astrophysical. PNAS 1 May 2012; 109 (18) (zoom, PNAS)

Creating the PNAS Cover

One of my goals in life, which I can now say has been accomplished, is to make biology look like astrophysics. Call it my love for the Torino Impact Hazard Scale.

Recently, I was given an opportunity to attend to this (admittedly vague) goal when Linda Chang from Aly Karsan's group approached me with some microscopy photos of mouse veins. I was asked to do "something" with these images for a cover submission to accompany the manuscript.

When people see my covers, sometimes they ask "How did you do that?" Ok, actually they never ask this. But being a scientist, I'm trained me to produce answers in anticipation of such questions. So, below, I show you how the image was constructed.

The image was published on the cover of PNAS (PNAS 1 May 2012; 109 (18))

Tools

Photoshop CS5, Nik Color Efex Pro 4, Alien Skin Bokeh 2 and a cup of coffee from a Rancilio Silvia.

source images

Below are a few of the images I had the option to work with. These are mouse embryonic blood vessels, with a carotid artery shown in the foreground with endothelial cells in green, vascular smooth muscle cells in red and the nuclei in blue.

Of course, as soon as I saw the images, I realized that there was very little that I needed to do to trigger the viewer's imagination. These photos were great!

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Mouse carotid arteries. (zoom)

memories of star trek

Immediately I thought of two episodes of Star Trek (original series): Doomsday Machine and the Immunity Syndrome, as well as of images from the Hubble Telescope.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Enterprise is about to be consumed by a horror tube: a planet killer! (The Doomsday Machine)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Enterprise heads into a giant amoeba. Who eats whom? I'll let you guess. (The Immunity Syndrome)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Orion nebula (M42) as seen by the Hubble telescope. (zoom)

I though it would be pretty easy to make the artery images look all-outer-spacey. They already looked it.

centerpiece image

And then I saw the image below.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A particularly spectacular image of a mouse carotid artery. I'm thinking 10 on the Torino scale. (zoom)

constructing the cover

background

The background was created from the two images shown here. The second image was sampled three times, at different rotations.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Images used for background. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Images used for background. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Layer composition for background elements. (zoom)

The channel mixer was used to remove the green channel and leave only red and blue.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Background elements for PNAS cover image. (zoom)

middle ground

The next layer was composed of what looked like ribbons of blue gas. This was created by sampling the oval shapes from the source images. Here the red channel was a great source for cloud shapes, and this was the only channel that was kept. The hue was shifted to blue and a curve adjustment was applied to increase the contrast.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
First set of middle ground elements, before adjustments. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
First set of middle ground elements, after channel adjustments. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Second set of middle ground elements. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Layer composition for middle ground elements. (zoom)

When the foreground and middle ground elements were combined, the result was already 40 parsecs away.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Background and foreground elements for PNAS cover image. (zoom)

foreground

The foreground was created from the spectacular comet-like image of a mouse artery. Very little had to be done to make this element look good. It already looked good.

I applied a little blur using Alien Skin's Bokeh 2 to narrow the apparent depth of field, masked out elements at the bottom of the image and removed some of the green channel. The entire blue channel was removed altogether (this gave the tail of the comet a mottled, flame-like appearance).

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Foreground element, before adjustments. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Foreground element, after channel adjustments. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Layer composition for foreground element. (zoom)

post processing

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Initial composition of background, middle ground and foreground elements. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
40% localized application of Nik's Tonal Contrast (Color Efex 4 plugin) to increase structure in red channel. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
50% blend with Nik's Pro Contrast (Color Efex 4 plugin). (zoom)

And here we have the final image.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Final PNAS cover. Spacey! (zoom)

news + thoughts

Unentangling complex plots

Fri 10-07-2015

The Points of Significance column is on vacation this month.

Meanwhile, we're showing you how to manage small multiple plots in the Points of View column Unentangling Complex Plots.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of View column: Unentangling complex plots. (download, more about Points of View)

Data in small multiples can vary in range, noise level and trend. Gregor McInerny and myself show you how you can deal with this by cropped and scaling the multiples to a different range to emphasize relative changes while preserving the context of the full data range to show absolute changes.

McInerny, G. & Krzywinski, M. (2015) Points of View: Unentangling complex plots. Nature Methods 12:591.

...more about the Points of View column

Fixing Jurassic World science visualizations

Fri 10-07-2015

The Jurassic World Creation Lab webpage shows you how one might create a dinosaur from a sample of DNA. First extract, sequence, assemble and fill in the gaps in the DNA and then incubate in an egg and wait.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
We can't get dinosaur genomics right, but we can get it less wrong. (a) Corn genome used in Jurassic World Creation Lab website. Image is from the Science publication B73 Maize Genome: Complexity, Diversity, and Dynamics. Photo and composite by Universal Studios and Amblin Entertainment. (b) Random data on 8 chromosomes from chicken genome resized to triceratops genome size (3.2 Gb). Image by Martin Krzywinski. (c) Actual genome data for lizard genome, UCSC anoCar2.0, May 2010. Image by Martin Krzywinski. Triceratops outline in (b,c) from wikipedia.

With enough time, you'll grow your own brand new dinosaur. Or a stalk of corn ... with more teeth.

What went wrong? Let me explain.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Corn World: Teeth on the Cob.

Printing Genomes

Tue 07-07-2015

You've seen bound volumes of printouts of the human reference genome. But what if at the Genome Sciences Center we wanted to print everything we sequence today?

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Curiously, printing is 44 times as expensive as sequencing. (details)

Gene Volume Control

Thu 11-06-2015

I was commissioned by Scientific American to create an information graphic based on Figure 9 in the landmark Nature Integrative analysis of 111 reference human epigenomes paper.

The original figure details the relationships between more than 100 sequenced epigenomes and genetic traits, including disease like Crohn's and Alzheimer's. These relationships were shown as a heatmap in which the epigenome-trait cell depicted the P value associated with tissue-specific H3K4me1 epigenetic modification in regions of the genome associated with the trait.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Figure 9 from Integrative analysis of 111 reference human epigenomes (Nature (2015) 518 317–330). (details)

As much as I distrust network diagrams, in this case this was the right way to show the data. The network was meticulously laid out by hand to draw attention to the layered groups of diseases of traits.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Network diagram redesign of the heatmap for a select set of traits. Only relationships with –log P > 3.9 are displayed. Appears on Graphic Science page in June 2015 issue of Scientific American. (details)

This was my second information graphic for the Graphic Science page. Last year, I illustrated the extent of differences in the gene sequence of humans, Denisovans, chimps and gorillas.