CINXE.COM

Martin Krzywinski - Data Visualization, Design, Science and Art - Canada's Michael Smith Genome Sciences Centre

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="shortcut icon" href="/gfx/favicon.ico"> <link rel="stylesheet" href="/css/normalize.css"> <link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/cycle2.css"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic|Open+Sans:300,400,500,600,700,800|PT+Serif:400,400italic,700|PT+Mono:400|Inconsolata:400,700|Material+Icons+Round"> <script> MathJax = { tex: { inlineMath: [ ['`','`'], ['$', '$'], ['\\(', '\\)']] }, svg: { fontCache: 'global' } }; </script> <script type="text/javascript" id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"> </script> <script type="text/javascript" src="/js/jquery/jquery-1.12.4-patched.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.14.1/jquery-ui.min.js"></script> <script type="text/javascript" src="/js/cycle/jquery.cycle2.min.js"></script> <script type="text/javascript" src="/js/cycle/jquery.cycle2.caption2.min.js"></script> <script type="text/javascript" src="/js/zoom/zooming.min.js"></script> <script type="text/javascript" src="/js/simple-lightbox/simple-lightbox.min.js"></script> <link rel="stylesheet" href="/css/simple-lightbox/simple-lightbox.css"> <script> $(document).ready(function() { var lightbox = new SimpleLightbox('.wall-art a', { captionsData: 'lightbox-title', captionDelay: 500, showCounter: false, overlayOpacity: 0.85 }); var lightbox = new SimpleLightbox('.talkslides a', { captionsData: 'lightbox-title', captionDelay: 500, showCounter: false, overlayOpacity: 0.85 }); new Zooming({zIndex:2000,scaleBase:0.90}).listen('img.zoom'); $('#newsflash .newsitem'); setInterval(function(){ $('#newsflash .newsitem').filter(':visible').fadeOut(500,function(){ if($(this).next('span.newsitem').size()){ $(this).next().fadeIn(500); } else{ $('#newsflash .newsitem').eq(0).fadeIn(500); } }); },5000); $('#quotes .quote'); setInterval(function(){ $('#quotes .quote').filter(':visible').fadeOut(500,function(){ if($(this).next('span.quote').size()){ $(this).next().fadeIn(500); } else{ $('#quotes .quote').eq(0).fadeIn(500); } }); },5000); }); </script> <!-- not loading videojs --> <meta name="keywords" content="bioinformatics, circos, hive plot, genome sciences center, genomics, biology, genome, human genome, cancer research, martin krzywinski, data visualization, design, art, science, science communication, scicomm, datavis, infographics, education, information graphics, graph, network"> <title>Martin Krzywinski - Data Visualization, Design, Science and Art - Canada's Michael Smith Genome Sciences Centre</title> </head> <body> <div id=pagewrap-container> <div id=preamble class="center vpad4 bbot1"> <a class=piday href="/pi/piday2025">2025 <span class=lcase>&pi;</span> Day</a> <a href="/update">latest news</a> <a href="https://martin-krzywinski.pixels.com">buy art</a> </div> <div id=iconquotes class="bbot1 vpad2 vmar"> <div id=crumb-trail-outer> <a class="crumb-in-trail crumb0" href="/"><span class='material-icons-round'>home</span></a> <a class="crumb-in-trail crumb0" href="mailto:martink@bcgsc.ca"><span class='material-icons-round'>email</span></a> <a class="crumb-in-trail crumb0" href="http://www.lumondo.com"><span class='material-icons-round'>photo_camera</span></a> <a class="crumb-in-trail crumb0" href="https://twitter.com/@mkrzywinski"><span class='material-icons-round'>tag</span></a> </div> <div id=quotes> <span class=quote > <span class=text>Safe, fallen down this way, I want to be just what I am.</span> &bull; <span class=author>Cocteau Twins</span> &bull; <a href="https://www.youtube.com/watch?v=l5Y98fPyvfo">safe at last</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Trance opera&mdash;Spente le Stelle</span> &bull; <a href="http://bit.ly/g0IoX2">be dramatic</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Without an after or a when.</span> &bull; <span class=author>Papercut feat. Maiken Sundby</span> &bull; <a href="https://www.youtube.com/watch?v=1Si8b5hRAOc">can you hear the rain?</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Embrace me, surround me as the rush comes.</span> &bull; <span class=author>Motorcycle</span> &bull; <a href="https://www.youtube.com/watch?v=cb61AVsxD34">drift deeper into the sound</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Twenty &mdash; minutes &mdash; maybe &mdash; more.</span> &bull; <span class=author>Naomi</span> &bull; <a href="https://www.youtube.com/watch?v=8szDdM2ETAs">choose four words</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Tango is a sad thought that is danced.</span> &bull; <span class=author>Enrique Santos Disc&eacute;polo</span> &bull; <a href="http://bit.ly/gnOl9R">think &amp; dance</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Here we are now at the middle of the fourth large part of this talk.</span> &bull; <span class=author>Pepe Deluxe</span> &bull; <a href="https://www.youtube.com/watch?v=58KZoG-A51c">get nowhere</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>syncopation &amp; accordion</span> &bull; <span class=author>Cafe de Flore (Doctor Rockit)</span> &bull; <a href="https://www.youtube.com/watch?v=jQrsGpFewWo">like France, but no dog poop</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>This love loves love. It's a strange love, strange love.</span> &bull; <span class=author>Liz Fraser</span> &bull; <a href="http://bit.ly/ek4yro">find a way to love</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Love itself became the object of her love.</span> &bull; <span class=author>Jonathan Safran Foer</span> &bull; <a href="https://en.wikipedia.org/wiki/Everything_Is_Illuminated">count sadnesses</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>listen; there's a hell of a good universe next door: let's go.</span> &bull; <span class=author>e.e. cummings</span> &bull; <a href="http://www.flickr.com/photos/fullaperture/499721638/">go there</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>And whatever I do will become forever what I've done.</span> &bull; <span class=author>Wislawa Szymborska</span> &bull; <a href="https://www.brainpickings.org/2015/07/02/amanda-palmer-reads-wislawa-szymborska/">don't rehearse</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>music + dance + projected visuals</span> &bull; <span class=author>Nosaj Thing</span> &bull; <a href="http://www.youtube.com/watch?v=_woNBiIyOKI">marvel at perfect timing</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Lips that taste of tears, they say, are the best for kissing.</span> &bull; <span class=author>Dorothy Parker</span> &bull; <a href="http://bit.ly/eUhIuS">get cranky</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Poetry is just the evidence of life. If your life is burning well, poetry is just the ash</span> &bull; <span class=author>Leonard Cohen</span> &bull; <a href="http://bit.ly/hM1J3y">burn something</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Feel the vibe, feel the terror, feel the pain</span> &bull; <span class=author>Hooverphonic</span> &bull; <a href="http://www.youtube.com/watch?v=JKLw7OXvpAY">Mad about you, orchestrally.</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>This love's a nameless dream.</span> &bull; <span class=author>Cocteau Twins</span> &bull; <a href="http://bit.ly/egQCTy">try to figure it out</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Where am I supposed to go? Where was I supposed to know?</span> &bull; <span class=author>Violet Indiana</span> &bull; <a href="url://bit.ly/gsDhMY">get lost in questions</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Sun is on my face ...a beautiful day without you.</span> &bull; <span class=author>Royskopp</span> &bull; <a href="https://www.youtube.com/watch?v=p1IYrUzEAQo">be apart</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Drive, driven. Gave, given.</span> &bull; <span class=author>Yello</span> &bull; <a href="https://www.youtube.com/watch?v=rPnjpEAOfDw">Give me a number of games.</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>What do the trees know.</span> &bull; <span class=author>Laleh</span> &bull; <a href="https://www.youtube.com/watch?v=LETqwqYtYVU">sway, sway, sway</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>And she looks like the moon. So close and yet, so far.</span> &bull; <span class=author>Future Islands</span> &bull; <a href="https://www.youtube.com/watch?v=4S9YtRnlPMk">aim high</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>Thoughts rearrange, familiar now strange.</span> &bull; <span class=author>Holly Golightly &amp; The Greenhornes </span> &bull; <a href="http://www.youtube.com/watch?v=VfhSqcn5K2Y">break flowers</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>In your hiding, you're alone. Kept your treasures with my bones.</span> &bull; <span class=author>Coeur de Pirate</span> &bull; <a href="https://www.youtube.com/watch?v=mFDDJaUF0YE&list=PLXaL0ddraQuaKxuEveaHoQwUTht1KlrCK">crawl somewhere better</a> &bull; <a href="/quotes">more quotes</a> </span> <span class=quote style='display: none;'> <span class=text>I'm not real and I deny I won't heal unless I cry.</span> &bull; <span class=author>Cocteau Twins</span> &bull; <a href="https://www.youtube.com/watch?v=Yna3wMFi_W4">let it go</a> &bull; <a href="/quotes">more quotes</a> </span> </div> </div> <div id=header class="vmar2"> <div> <a href="https://www.bcgsc.ca"><img src="/gfx/gsc-logo-2.png" alt="Canada's Michael Smith Genome Sciences Center / BC Cancer / Vancouver, Canada / www.bcgsc.ca"></a> </div> <div><a href="https://mk.bcgsc.ca"><img src="/bio/martin-krzywinski-logo.png" alt="Martin Krzywinski / Canada's Michael Smith Genome Sciences Center / mk.bcgsc.ca"></a></div> <div> <a href="https://www.bccrc.ca"><img src="/gfx/bccancer-research-institute-logo.png" alt="BC Cancer, Vancouver, Canada"></a> </div> </div> <!-- header --> <div id=masthead class=vmarb6> <style> .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-slideshow { /*height: 400px; width: 45%; min-width: 200px; max-width: 500px; margin: 10px auto; */ position: relative; min-width: 100% !important; /*height: max-content;*/ /*height: 451px;*/ /*padding: 0; */ /*margin: 0 0 30px 0;*/ /*position: relative;*/ text-align: center; background: url(/gfx/spinner/spinner-1.gif) 50% 50% no-repeat; } .cycle-slideshow img { /*position: absolute; */ /*top: 0; left: 0;*/ /* width: 973px; height: 341px; */ /*width: 100%; */ /*padding: 0; */ display: block; } /* in case script does not load */ .cycle-slideshow img:first-child { position: static; z-index: 100; } .cycle-overlay { /*position: absolute; */ /*bottom: 0; height: 110px;*/ position: relative; top: 0; z-index: 600; background: white; color: black; padding: 5px 10px; opacity: 1; } .cycle-caption { font-family: "Open Sans", helvetica, verdana, sans-serif; color: black; z-index: 1000; position: absolute; top: 370px; font-size: 90%; /*position: absolute; */ /*bottom: 15px; right: 15px; */ } /* pager */ .cycle-pager { text-align: center; width: 100%; z-index: 1000; position: relative; top: -10px; height: 45px; overflow: hidden; } .cycle-pager span { font-size: 30px; width: 16px; height: 35px; display: inline-block; cursor: pointer; color: #ddd; } .cycle-pager span.cycle-pager-active { color: #ff329e; } .cycle-pager > * { cursor: pointer; } /* prev / next links */ .cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; } /* .cycle-prev { left: 0; background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat; } .cycle-next { right: 0; background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat; } */ .cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) } .disabled { opacity: .5; filter:alpha(opacity=50); } /* display paused text on top of paused slideshow */ .cycle-paused:after { font-family: "Open Sans", helvetica, verdana, sans-serif; content: "PAUSED"; color: black; background: yellow; padding: 10px; z-index: 1500; position: absolute; top: 170px; left: 0; right: 0; margin: 0 auto; width: min-content; font-size: 80%; font-weight: bold; opacity: 0.9; filter: alpha(opacity=90); border-radius: 5px; border: 2px solid white; } </style> <div class="cycle-slideshow" data-cycle-caption-plugin = "caption2" data-cycle-fx = "fadeout" data-cycle-pause-on-hover = "true" data-cycle-loader = "wait" data-cycle-timeout = "7500" data-cycle-speed = "1000" data-cycle-overlay-fx-sel = ">div" data-cycle-caption-fx-out = "fadeOut" data-cycle-caption-fx-in = "fadeIn" data-cycle-overlay-fx-out = "fadeOut" data-cycle-overlay-fx-in = "fadeIn" data-cycle-overlay-template = "<div class='masthead-title vmar1'><a href='{{url}}'>{{title}}</a></div><div class='masthead-desc vmar1'>{{desc}}</div><div class='masthead-credit vmar1'>{{credit}}</div>" > <div class="cycle-caption"></div> <div class="cycle-overlay"></div> <div class="cycle-pager"></div> <a href="/mastheads" class=image-purchase style="position: absolute; top: 390px; right: 10px;padding: 3px 8px; font-size: 9px; font-weight: normal; z-index: 1000;">see all</a> <img style="cursor:pointer;" onclick="window.open('/pi/piday2025','_self')" src="/images/masthead/piday-2025-masthead.png" alt="2025 π DAY Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="2025 π DAY" data-cycle-desc="TTCAGT: a sequence of digits" data-cycle-url="/pi/piday2025" data-cycle-credit="<div class=vmar1>concept: John Dupuis / design: Martin Krzywinski</div>"> <img style="cursor:pointer;" onclick="window.open('/flunk-down-here-moon-above/','_self')" src="/images/masthead/sanctuary-moon-discs-nasa-01.jpg" alt="NASA to send our ‘cosmic hello’ with human genomes to the Moon Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="NASA to send our ‘cosmic hello’ with human genomes to the Moon" data-cycle-desc="Benoit Faiveley, founder of the Sanctuary project gives the Sanctuary disc a visual check at CEA LeQ Grenoble" data-cycle-url="/flunk-down-here-moon-above/" data-cycle-credit="<div class=vmar1>image: Vincent Thomas / </div>"> <img style="cursor:pointer;" onclick="window.open('/flunk-down-here-moon-above/','_self')" src="/images/masthead/sanctuary-moon-discs-nasa-02.jpg" alt="NASA to send our ‘cosmic hello’ with human genomes to the Moon Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="NASA to send our ‘cosmic hello’ with human genomes to the Moon" data-cycle-desc="Sanctuary team examines the Life disc at INRIA Paris Saclay." data-cycle-url="/flunk-down-here-moon-above/" data-cycle-credit="<div class=vmar1>image: Benedict Redgrove / </div>"> <img style="cursor:pointer;" onclick="window.open('/pi/piday2024','_self')" src="/images/masthead/piday-2024-digit-garden.png" alt="2024 π DAY Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="2024 π DAY" data-cycle-desc="Digit Garden: Sunflowers ho!" data-cycle-url="/pi/piday2024" data-cycle-credit="<div class=vmar1>&nbsp;</div>"> <img style="cursor:pointer;" onclick="window.open('https://www.scientificamerican.com/article/how-analyzing-cosmic-nothing-might-explain-everything/','_self')" src="/images/masthead/sciam-map-of-nothing-cosmic-voids.jpg" alt="A MAP OF NOTHING Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="A MAP OF NOTHING" data-cycle-desc="Huge empty areas of the universe called voids could help solve the greatest mysteries in the cosmos." data-cycle-url="https://www.scientificamerican.com/article/how-analyzing-cosmic-nothing-might-explain-everything/" data-cycle-credit="<div class=vmar1>data visualization: Martin Krzywinski / art direction: Jen Christianen / article: Michael Lemonick / Scientific American, January 2024</div>"> <img style="cursor:pointer;" onclick="window.open('/pi/piday2023','_self')" src="/images/masthead/piday-2023-repeated-sequence.jpg" alt="2023 π DAY Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="2023 π DAY" data-cycle-desc="Repeated Sequence: A Modular Synthesizer Experience" data-cycle-url="/pi/piday2023" data-cycle-credit="<div class=vmar1>vocals: Esther (age 6), Anja Øyen Vister, Nüket Bilgen / sound design: Gregory Coles & Martin Krzywinski</div>"> <img style="cursor:pointer;" onclick="window.open('https://www.cell.com/cell-genomics/issue?pii=S2666-979X(22)X0002-5','_self')" src="/images/masthead/cell-genomics-2023-cover.jpg" alt="CIRCUITS OF INHERITANCE Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="CIRCUITS OF INHERITANCE" data-cycle-desc="The process of determining the parent-of-origin using differential methylation of alleles at imprinted regions (iDMRs) is imagined as a circuit." data-cycle-url="https://www.cell.com/cell-genomics/issue?pii=S2666-979X(22)X0002-5" data-cycle-credit="<div class=vmar1>cover design Carlos Urzua & Martin Krzywinski / Akbari, V. et al. (2023) Cell Genomics 3(1)</div>"> <img style="cursor:pointer;" onclick="window.open('/science-advances-cover','_self')" src="/images/masthead/science-advances-cover-2023.jpg" alt="INTERSTELLAR: A ROSETTA STONE FOR DNA SEQUENCING Martin Krzywinski / science + art / Canada's Michael Smith Genome Sciences Center / https://mkweb.bcgsc.ca" data-cycle-title="INTERSTELLAR: A ROSETTA STONE FOR DNA SEQUENCING" data-cycle-desc="672 barcode bases from three sequencing platforms encoded on the faces of 7-dimensional cubes." data-cycle-url="/science-advances-cover" data-cycle-credit="<div class=vmar1>cover design Martin Krzywinski / Kijima, Y. et al. A universal sequencing read interpreter (2023) Science Advances 9</div>"> </div><!-- cycle-slideshow --> </div> <div class="on-the-side vpad1 bbot1"> <div class=crumb>very clickable</div> <div class=vpad1> <a class=notactive href="/pi"><span style="text-transform:lowercase;font-family: 'Palatino, serif';">&pi;</span> day</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/asciiart">ASCII</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/yesorno">choices</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/clock">clocks</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/color">color</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/constellations">constellations</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/covers">covers</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/deadlygenomes/?sars-cov-2">deadly genomes</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/debates2016">debates</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/tree.of.emotional.life">emotions</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/rat/images/raton3700">famous rat</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/1bit">gigapixel skies</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/hitchens">hitchens</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/carpalx">keyboards</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/globe">languages</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/lotro">LOTRO</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/music-theory">music theory</a> <sup><span style="color: red;margin-left:-0.5em;font-size:80%;font-weight:bold;">NEW</span></sup> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="http://www.lumondo.com">photography</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/topquestions">questions</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/quotes">quotes</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/googlemapschallenge">road trips</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/ubcrocket">rockets</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/dummer">satire</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/eespammings">spam poetry</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/hdtr">time</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/tripsum">tripsum</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/typography">type</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/unwords">unwords</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/universe-superclusters-and-voids">voids</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/fun/neologism">words</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/writing">writing</a> <span style="padding: 0 0.2em;" class=sep>&middot;</span> <a class=notactive href="/zaomm">zaomm</a> </div> </div> <a name="projecthome"></a> <div id=page-content> <!-- <table cellspacing=0 cellpadding=3 border=1> <tr> <td colspan=2 class=small>ENV</td></tr> <tr> <td align=right class=small>CONTEXT_DOCUMENT_ROOT</td> <td align=left class=small><b>/home/martink/www/htdocs</b></td> </tr> <tr> <td align=right class=small>CONTEXT_PREFIX</td> <td align=left class=small><b></b></td> </tr> <tr> <td align=right class=small>DOCUMENT_ROOT</td> <td align=left class=small><b>/home/martink/www/htdocs</b></td> </tr> <tr> <td align=right class=small>GATEWAY_INTERFACE</td> <td align=left class=small><b>CGI/1.1</b></td> </tr> <tr> <td align=right class=small>HTTPS</td> <td align=left class=small><b>on</b></td> </tr> <tr> <td align=right class=small>HTTP_ACCEPT</td> <td align=left class=small><b>*/*</b></td> </tr> <tr> <td align=right class=small>HTTP_ACCEPT_ENCODING</td> <td align=left class=small><b>deflate, gzip</b></td> </tr> <tr> <td align=right class=small>HTTP_CACHE_CONTROL</td> <td align=left class=small><b>max-age=259200</b></td> </tr> <tr> <td align=right class=small>HTTP_CONNECTION</td> <td align=left class=small><b>keep-alive</b></td> </tr> <tr> <td align=right class=small>HTTP_HOST</td> <td align=left class=small><b>mk.bcgsc.ca</b></td> </tr> <tr> <td align=right class=small>HTTP_SURROGATE_CAPABILITY</td> <td align=left class=small><b>proxy11.dmz.bcgsc.ca="Surrogate/1.0 ESI/1.0"</b></td> </tr> <tr> <td align=right class=small>HTTP_USER_AGENT</td> <td align=left class=small><b>Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322)</b></td> </tr> <tr> <td align=right class=small>HTTP_VIA</td> <td align=left class=small><b>1.1 proxy11.dmz.bcgsc.ca (squid/5.5)</b></td> </tr> <tr> <td align=right class=small>MOD_PERL</td> <td align=left class=small><b>mod_perl/2.0.12</b></td> </tr> <tr> <td align=right class=small>MOD_PERL_API_VERSION</td> <td align=left class=small><b>2</b></td> </tr> <tr> <td align=right class=small>PATH</td> <td align=left class=small><b>/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin</b></td> </tr> <tr> <td align=right class=small>QUERY_STRING</td> <td align=left class=small><b></b></td> </tr> <tr> <td align=right class=small>REMOTE_ADDR</td> <td align=left class=small><b>8.222.208.146</b></td> </tr> <tr> <td align=right class=small>REMOTE_PORT</td> <td align=left class=small><b>43120</b></td> </tr> <tr> <td align=right class=small>REQUEST_METHOD</td> <td align=left class=small><b>GET</b></td> </tr> <tr> <td align=right class=small>REQUEST_SCHEME</td> <td align=left class=small><b>https</b></td> </tr> <tr> <td align=right class=small>REQUEST_URI</td> <td align=left class=small><b>/</b></td> </tr> <tr> <td align=right class=small>SCRIPT_FILENAME</td> <td align=left class=small><b>/home/martink/www/htdocs/index.mhtml</b></td> </tr> <tr> <td align=right class=small>SCRIPT_NAME</td> <td align=left class=small><b>/index.mhtml</b></td> </tr> <tr> <td align=right class=small>SCRIPT_URI</td> <td align=left class=small><b>https://mk.bcgsc.ca/</b></td> </tr> <tr> <td align=right class=small>SCRIPT_URL</td> <td align=left class=small><b>/</b></td> </tr> <tr> <td align=right class=small>SERVER_ADDR</td> <td align=left class=small><b>10.9.208.135</b></td> </tr> <tr> <td align=right class=small>SERVER_ADMIN</td> <td align=left class=small><b>martink@bcgsc.ca</b></td> </tr> <tr> <td align=right class=small>SERVER_NAME</td> <td align=left class=small><b>mk.bcgsc.ca</b></td> </tr> <tr> <td align=right class=small>SERVER_PORT</td> <td align=left class=small><b>443</b></td> </tr> <tr> <td align=right class=small>SERVER_PROTOCOL</td> <td align=left class=small><b>HTTP/1.1</b></td> </tr> <tr> <td align=right class=small>SERVER_SIGNATURE</td> <td align=left class=small><b></b></td> </tr> <tr> <td align=right class=small>SERVER_SOFTWARE</td> <td align=left class=small><b>Apache</b></td> </tr> <tr> <td align=right class=small>UNIQUE_ID</td> <td align=left class=small><b>Z_cBYkLUK3JrbdW6pxLaEwAAACw</b></td> </tr> </table> --> <div id=about class="vmar4"> <div id=about-photo> <img class="zoom vmarb3" data-original="/bio/martin-krzywinski-photo.jpg" src="/bio/martin-krzywinski-photo.jpg" alt="Martin Krzywinski / Genome Visualization, Data Visualization, Information Graphics / Canada's Michael Smith Genome Sciences Center / mkweb.bcgsc.ca / photo by Golnaz Sadjadi"> <div class=crumb>download my details</div> <p><a href="/bio/martin-krzywinski-bio.pdf">Short text biography</a> <p><a href="/bio/martin-krzywinski-fast-forward.jpg">Samples of my work</a> <p><a href="/bio/krzywinski-martin-cv.pdf">CV</a> <p><a href="https://scholar.google.com/citations?user=C2wEkvAAAAAJ&hl=en&oi=ao">Google Scholar</a> </div> <div id=about-activities> <div class=crumb>activities</div> <p>I present clearly, connect broadly, spark imagination and encourage enthusiasm for inquiry and explanation. I create visuals with analytical clarity and artistic dimensions. <p>In 1999 I built the <a href="https://bcgsc.ca">Genome Sciences Centre's</a> first <a href="https://linuxjournal.com/article/6977">computing systems</a>, and later invented <a href="https://linuxjournal.com/article/6811">port knocking</a>, and <a href="/carpalx">optimized keyboard layouts</a> that spawned a <a href="https://fashionnotebook.wordpress.com/2011/01/04/julia-valle-tnwmlc/">Brazilian fashion line</a>. I have an affinity for <a href="/fun/dummer">parody</a> and <a href="/outbreak">tragedy</a>. I love <a href="/google-maps-challenge/">rabbit holes</a>. <p>I created <a href="https://circos.ca">Circos</a> (a community standard) and <a href="https://hiveplot.com">hive plots</a> (a farewell to hairballs). I am triggered by <a href="/jurassic.world">slipshod visualizations of science</a> and <a href="/pie-charts/">pie charts</a>. <p>My information graphics have appeared in the <a href="/nyt/nyt-mapping-the-epigenome.png">New York Times</a>, <a href="/wired/circos-wired-spread.jpg">Wired</a>, and on <a href="/covers">covers of books and scientific journals</a> such as <a href="/covers/#science">Science</a>, <a href="/covers/#nature2022">Nature</a> and <a href="/pnas">PNAS</a>. <p>I am a co-author of the Nature Methods <a href="/points-of-significance">Points of Significance</a> and <a href="/points-of-view">Points of View</a> columns. I contribute to <a href="/scientific-american-graphic-science">Scientific American's Graphic Science</a> and teach how to <a href="/graphical-abstract-design">design scientific figures</a> and <a href="/poster-design">scientific posters</a>. My method is <a href="/the-covid-charts">critique by redesign</a>. <p>I’ve made <a href="/universe-superclusters-and-voids">maps of nothing</a>, shot <a href="https://lumondo.com/">fashion photography</a>, <a href="/eespammings/">found poems in spam</a>. Every year I make <a href="/pi/piday.mhtml">Pi Day art</a>, which can be <a href="/pi/piday2017">graphics</a>, <a href="/pi/piday2020">words</a> or <a href="/pi/piday2022">music</a>. I've made music videos about <a href="/infinity">infinity</a> and <a href="/max-cooper-ascent">higher dimensions</a>, I love <a href="/typography">typography</a> and run <a href="https://hitchmas.com">Hitchmas</a>. <p>I am a former owner of <a href="/raton3700/">Alex, the world’s most popular rat</a>. </div> <div id=about-contact> <div class=crumb>contact</div> <p>Martin Krzywinski <p>Staff Scientist <p style="padding-left:1em;text-indent:-1em;"><a href="https://www.bcgsc.ca">Canada's Michael Smith Genome Sciences Center</a> <p><a href="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=570+w+7th+ave,+vancouver,+bc&aq=&sll=37.0625,-95.677068&sspn=57.292148,86.132812&ie=UTF8&hq=&hnear=570+7+Ave+W,+Vancouver,+Greater+Vancouver+Regional+District,+British+Columbia+V5Z+4S6,+Canada&ll=49.264696,-123.116806&spn=0.001462,0.002629&t=h&z=19">100&ndash;570 West 7th Avenue</a> <p>Vancouver BC <p>V5Z 4S6 <p>Canada <div class=vmar1><p><a href="https://mk.bcgsc.ca"><i>mk.bcgsc.ca</i></div> <div class=vmar1><p><a href="mailto:martink@bcgsc.ca"><i>martink@bcgsc.ca</i></div> <div class=vmar1><p><a href="https://twitter.com/@mkrzywinski"><i>@mkrzywinski</i></a></div> <div class=vmar1><p><a href="https://bsky.app/profile/martin-krzywinski.bsky.social"><i>martin-krzywinski.bsky.social</i></a></div> </div> </div><!-- about --> <div id=focusonprojects class=vmarb4> <div class=crumb>main activities</div> <div class=projectfocuscontainer> <div class=projectfocus> <a href="/points-of-significance"><img src="/images/note/points-of-significance.png"></a> <div class=sans>Nature Methods Points of Significance</div> </div> <div class=projectfocus> <a href="/points-of-view"><img src="/images/note/points-of-view.png"></a> <div class=sans>Nature Methods Points of View</div> </div> <div class=projectfocus> <a href="/scientific-american-graphic-science"><img src="/images/note/scientific-american-graphic-science.png"></a> <div class=sans>Graphic Science</div> </div> <div class=projectfocus> <a href="https://www.circos.ca"><img src="/images/note/circos.png"></a> <div class=sans>Circos</div> </div> <div class=projectfocus> <a href="https://www.hiveplot.com"><img src="/images/note/hive-plots.png"></a> <div class=sans>Hive plots</div> </div> <div class=projectfocus> <a href="/covers"><img src="/images/note/cover-embo-stalks.png"></a> <div class=sans>Journal covers</div> </div> <div class=projectfocus> <a href="/pi/piday.mhtml"><img src="/images/note/pi.png"></a> <div class=sans>Pi Day</div> </div> <div class=projectfocus> <a href="/deadlygenomes"><img src="/images/note/deadly-genomes.png"></a> <div class=sans>Deadly genomes</div> </div> <div class=projectfocus> <a href="/typography/"><img src="/images/note/typography.png"></a> <div class=sans>Typography</div> </div> </div> </div> <div id=newsflash class=vmarb4><span class=newsitem > <a href="/pi/piday2022">Three one four: a number of notes</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/pnas.biogenome.cover/index.mhtml">PNAS Cover: Earth BioGenome Project</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/science.magazine.cover">Science Cover: Human genome &mdash; a research ultramarathon</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/deadlygenomes/?sars-cov-2">Deadly Genome Series: The variants of SARS-Cov-2</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/graphical.abstract.design">Scientific graphical abstracts &mdash; design guidelines</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/poster.design">Scientific posters &mdash; design guidelines</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/outbreak">The Outbreak Poems &mdash; artistic emissions in a pandemic</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/nature.cancer.cover">Nature Cancer cover of Mutation spectra</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/pi/piday2020">2020 `\pi` day art and the piku</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/deadlygenomes">The deadly genomes &mdash; run away!</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/infinity">Second infinity `\aleph_2` and beyond &mdash; music and mathematics</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/dnaon10th">DNA on 10th &mdash; street art, wayfinding and font</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/tree.of.emotional.life">The tree of emotional life &mdash; phylogenetics of emoticons</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/universe-superclusters-and-voids">The largest map of absolutely nothing: Universe &mdash; voids and superclusters</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/1bit">Pixels in space &mdash; Ultra-high resolution maps of the Moon, Solary System and Sky</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/pointsofview">Nature Methods Points of View visualization column</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> <span class=newsitem style="display:none;"> <a href="/pointsofsignificance">Nature Methods Points of Significance statistics column</a> <img style="position: relative; top: 3px;" src="/gfx/arrow-right-news.png"> </span> </div> <div id=focusonprojects class=vmarb4> <div class=crumb>journal covers</div> <div class=projectfocuscontainer> <div class=projectfocus> <a href="/covers/#cellgenomics2023"><img src="/images/note/cell-genomics-cover-2023.png"></a> <div class=sans>Cover of Cell Genomics 2023</div> </div> <div class=projectfocus> <a href="/science-advances-cover"><img src="/images/note/science-advances-cover-2023.png"></a> <div class=sans>Cover of Science Advances 2023</div> </div> <div class=projectfocus> <a href="/covers/#nature2022"><img src="/images/note/cover-nature-2022.png"></a> <div class=sans>Cover of Nature 2022</div> </div> <div class=projectfocus> <a href="/covers/#cellcancer2022"><img src="/images/note/cover-cancer-cell-2022.png"></a> <div class=sans>Cover of Cancer Cell 2022</div> </div> <div class=projectfocus> <a href="/pnas-biogenome-cover"><img src="/images/note/cover-pnas-2022.png"></a> <div class=sans>Cover of PNAS 2022</div> </div> <div class=projectfocus> <a href="/covers/#annalsofoncology2022"><img src="/images/note/cover-annals-of-oncology-2022.png"></a> <div class=sans>Cover of Annals of Oncology 2022</div> </div> <div class=projectfocus> <a href="/covers/#naturebiotechnology2022"><img src="/images/note/cover-nature-biotechnology-2022.png"></a> <div class=sans>Cover of Nature Biotechnology 2022</div> </div> <div class=projectfocus> <a href="/covers/#science"><img src="/images/note/cover-science-2021.png"></a> <div class=sans>Cover of Science 2021</div> </div> <div class=projectfocus> <a href="/covers/#nature_genetics"><img src="/images/note/cover-nature-genetics-2020.png"></a> <div class=sans>Cover of Nature Genetics 2020</div> </div> <div class=projectfocus> <a href="/nature.cancer.cover"><img src="/images/note/cover-nature-cancer-2020.png"></a> <div class=sans>Cover of Nature Cancer 2020</div> </div> <div class=projectfocus> <a href="/covers/#molecular_case_studies"><img src="/images/note/cover-molecular-case-studies-2018.png"></a> <div class=sans>Cover of Molecular Case Studies 2018</div> </div> <div class=projectfocus> <a href="/covers/#nature2017"><img src="/images/note/cover-nature-2017.png"></a> <div class=sans>Cover of Nature 2017</div> </div> <div class=projectfocus> <a href="/pnas"><img src="/images/note/cover-pnas-2012.png"></a> <div class=sans>Cover of PNAS 2012</div> </div> <div class=projectfocus> <a href="/covers/#trends_in_genetics"><img src="/images/note/cover-trends-in-genetics-2012.png"></a> <div class=sans>Cover of Trends in Genetics 2012</div> </div> <div class=projectfocus> <a href="/covers/#genome_research"><img src="/images/note/cover-genome-research-2012.png"></a> <div class=sans>Cover of Genome Research 2012</div> </div> <div class=projectfocus> <a href="/cover-genome-informatics-2010"><img src="/images/note/cover-genome-informatics-2010.png"></a> <div class=sans>Cover of Genome Informatics 2010</div> </div> <div class=projectfocus> <a href="/embo/"><img src="/images/note/cover-embo-stalks.png"></a> <div class=sans>Cover contest for EMBO journal</div> </div> <div class=projectfocus> <a href="/covers/#embo"><img src="/images/note/cover-embo-journal-2009.png"></a> <div class=sans>Cover of EMBO Journal 2009</div> </div> <div class=projectfocus> <a href="/covers/#american_scientist"><img src="/images/note/cover-american-scientist-2007.png"></a> <div class=sans>Cover of American Scientist 2007</div> </div> </div> </div> <div id=focusonprojects class=vmarb4> <div class=crumb>Pi Day Art</div> <div class=projectfocuscontainer> <div class=projectfocus> <a href="/pi/piday2025"><img src="/images/note/piday-2025.png"></a> <div class=sans>2025 Pi Day &mdash; TTCAGT: a sequence of digits</div> </div> <div class=projectfocus> <a href="/pi/piday2024"><img src="/images/note/piday-2024.png"></a> <div class=sans>2024 Pi Day &mdash; Digit Garden</div> </div> <div class=projectfocus> <a href="/pi/piday2023"><img src="/images/note/piday-2023.png"></a> <div class=sans>2023 Pi Day &mdash; Repeated Sequence</div> </div> <div class=projectfocus> <a href="/pi/piday2022"><img src="/images/note/piday-2022.png"></a> <div class=sans>2022 Pi Day &mdash; three one four: a number of notes</div> </div> <div class=projectfocus> <a href="/pi/piday2021#l1home"><img src="/images/note/piday-2021.png"></a> <div class=sans>2021 Pi Day - Forest of Digits</div> </div> <div class=projectfocus> <a href="/pi/piday2020#l1home"><img src="/images/note/piday-2020.png"></a> <div class=sans>2020 Pi Day &mdash; Piku</div> </div> <div class=projectfocus> <a href="/pi/piday2019#l1home"><img src="/images/note/piday-2019.png"></a> <div class=sans>2019 Pi Day &mdash; Languages</div> </div> <div class=projectfocus> <a href="/pi/tauday.mhtml"><img src="/images/note/tau-day.png"></a> <div class=sans>2018 Tau Day</div> </div> <div class=projectfocus> <a href="/pi/piday2018#l1home"><img src="/images/note/piday-2018.png"></a> <div class=sans>2018 Pi Day &mdash; Bringing the world together</div> </div> <div class=projectfocus> <a href="/pi/piday2017#l1home"><img src="/images/note/piday-2017.png"></a> <div class=sans>2017 Pi Day &mdash; Pi in the sky</div> </div> <div class=projectfocus> <a href="/pi/piday2016#l1home"><img src="/images/note/piday-2016.png"></a> <div class=sans>2016 Pi Day &mdash; Gravity of Pi</div> </div> <div class=projectfocus> <a href="/pi/piday2015#l1home"><img src="/images/note/piday-2015.png"></a> <div class=sans>2015 Pi Day &mdash; Transcendental map</div> </div> <div class=projectfocus> <a href="/pi/piday2014#l1home"><img src="/images/note/piday-2014.png"></a> <div class=sans>2014 Pi Day &mdash; Frequency circles</div> </div> <div class=projectfocus> <a href="/pi/piday2013#l1home"><img src="/images/note/piday-2013.png"></a> <div class=sans>2013 Pi Day &mdash; It stars here</div> </div> </div> </div> <div class=vmar5> <div class="wall-art vmar2"> <img class=wall-art-bg style="width:975px;position:relative;filter: saturate(1.000000) contrast(1.000000)" src="/art/background/wall-art-bg-10.jpg"> <a class=image-purchase href="https://fineartamerica.com/featured/ampersand-type-peep-show-martin-krzywinski.html">buy artwork</a> <div class="wall-art-image" style="position:absolute;width:170px;height:260px;left:513px;top:45px;margin-left:-85px;opacity:0.720000;box-shadow: -1px 1px 4px 0px rgb(0,0,0,0.500000);background:#8d8164;opacity:1.0;box-shadow:none!important;z-index:100"></div> <a rel=enggxwjk href="/art/posters/sixteen-faces/ampersand-peep.jpg"> <img class="wall-art-image" alt="Type peep show: Ampersands by Martin Krzywinski" lightbox-title="<b>&ldquo;Type peep show: Ampersands&rdquo;</b> by Martin Krzywinski<br><a href='https://fineartamerica.com/featured/ampersand-type-peep-show-martin-krzywinski.html'>buy this art</a>" style="position:absolute;width:170px;height:260px;left:513px;top:45px;margin-left:-85px;opacity:0.720000;box-shadow: -1px 1px 4px 0px rgb(0,0,0,0.500000);z-index:200" src="/art/posters/sixteen-faces/ampersand-peep.jpg"> </a> <div class="caption vmar1"> <span class=vsmall>&#9650;</span> <b>SCIENCE + ART | </b>Put it on your wall. (<a href='https://fineartamerica.com/featured/ampersand-type-peep-show-martin-krzywinski.html'>buy artwork</a> / <a href='https://martin-krzywinski.pixels.com'>see all my art</a>) </div> </div> </div> <div id=focusonprojects class="vmarb4"> <div class=crumb>other activities</div> <div class=projectfocuscontainer> <div class=projectfocus> <a href="/typography/16ands.mhtml#l0home"><img src="/images/note/ampersand.png"></a> <div class=sans>16 and&apos;s &mdash; typographical peep show</div> </div> <div class=projectfocus> <a href="/pog"><img src="/images/note/pog-5year.png"></a> <div class=sans>5 years of personalized cancer care</div> </div> <div class=projectfocus> <a href="/brewer"><img src="/images/note/brewer-palettes.png"></a> <div class=sans>Adobe swatches for Brewer palettes</div> </div> <div class=projectfocus> <a href="/raton3700/"><img src="/images/note/alex-the-rat.png"></a> <div class=sans>Alex &mdash; Internet's most popular rat</div> </div> <div class=projectfocus> <a href="/asciiart"><img src="/images/note/ascii-art.png"></a> <div class=sans>ASCII art</div> </div> <div class=projectfocus> <a href="/typography/birdsongs.mhtml"><img src="/images/note/bird-songs.png"></a> <div class=sans>Bird song mnemonics</div> </div> <div class=projectfocus> <a href="/carpalx"><img src="/images/note/carpalx.png"></a> <div class=sans>CARPALX - keyboard layouts and Brazilian fashion</div> </div> <div class=projectfocus> <a href="/tableviewer"><img src="/images/note/tableviewer.png"></a> <div class=sans>Circos online tableviewer</div> </div> <div class=projectfocus> <a href="/colorsummarizer"><img src="/images/note/color-summarizer.png"></a> <div class=sans>Color proportions in your image</div> </div> <div class=projectfocus> <a href="/color"><img src="/images/note/colors.png"></a> <div class=sans>Color resources</div> </div> <div class=projectfocus> <a href="/the-covid-charts"><img src="/images/note/the-covid-charts.png"></a> <div class=sans>The COVID charts</div> </div> <div class=projectfocus> <a href="/jurassic.world"><img src="/images/note/jurassic-world-corn-world.png"></a> <div class=sans>Dinosaurs of the corn - fixing visualizations</div> </div> <div class=projectfocus> <a href="/dnaon10th"><img src="/images/note/dnaon10th.png"></a> <div class=sans>DNA on 10th wayfinding</div> </div> <div class=projectfocus> <a href="/dummer"><img src="/images/note/dummer-a-hummer-parody.png"></a> <div class=sans>Dummer &mdash; a Hummer parody</div> </div> <div class=projectfocus> <a href="/fun/eespammings/"><img src="/images/note/ee-spammings-spam-poetry.png"></a> <div class=sans>e.e. spammings</div> </div> <div class=projectfocus> <a href="/essentials.of.data.visualization"><img src="/images/note/essentials-of-data-visualization.png"></a> <div class=sans>Essentials of Data Visualization &mdash; 8-part video series</div> </div> <div class=projectfocus> <a href="/typography/eyecharts.mhtml"><img src="/images/note/eye-charts.png"></a> <div class=sans>Eye charts &mdash; a modern interpretation</div> </div> <div class=projectfocus> <a href="/flunk-down-here-moon-above"><img src="/images/note/flunk-down-here-moon-above.png"></a> <div class=sans>Flunk &mdash; Down Here / Moon Above &mdash; Music for space</div> </div> <div class=projectfocus> <a href="/freethedata"><img src="/images/note/free-the-data.png"></a> <div class=sans>Free the Data</div> </div> <div class=projectfocus> <a href="/gene.machines"><img src="/images/note/gene-machines.png"></a> <div class=sans>Gene Machines &mdash; Vinyl sounds from the lab</div> </div> <div class=projectfocus> <a href="/agbt2017"><img src="/images/note/3d-glasses.png"></a> <div class=sans>Genomics 3D art exhibit</div> </div> <div class=projectfocus> <a href="/1bit"><img src="/images/note/1-bit-galaxy.png"></a> <div class=sans>Gigapixel 1-bit Moon, Solar System &amp; Sky</div> </div> <div class=projectfocus> <a href="/google-maps-challenge/"><img src="/images/note/googlemaps-challenge.png"></a> <div class=sans>Google maps longest routes</div> </div> <div class=projectfocus> <a href="/graphical-abstract-design"><img src="/images/note/graphical-abstract-hospital.png"></a> <div class=sans>Graphical abstract design</div> </div> <div class=projectfocus> <a href="/hdtr"><img src="/images/note/hdtr-photography.png"></a> <div class=sans>High dynamic time range photography</div> </div> <div class=projectfocus> <a href="/hilbert"><img src="/images/note/hilbert-curve.png"></a> <div class=sans>Hilbert curves and Hilbertonians</div> </div> <div class=projectfocus> <a href="/telomere-to-telomere-human-genome-assembly/"><img src="/images/note/history-of-the-human-genome-assembly.png"></a> <div class=sans>History of the human genome assembly</div> </div> <div class=projectfocus> <a href="https://www.hitchmas.com"><img src="/images/note/hitchens-1.png"></a> <div class=sans>Hitchmas</div> </div> <div class=projectfocus> <a href="/hitchsum"><img src="/images/note/hitchens-2.png"></a> <div class=sans>Hitchsum &mdash; Hitchens ipsum</div> </div> <div class=projectfocus> <a href="/fun/globe/"><img src="/images/note/google-search-language.png"></a> <div class=sans>Languages on the globe</div> </div> <div class=projectfocus> <a href="/lotro"><img src="/images/note/lotro-warden-gambit-chart.png"></a> <div class=sans>LOTRO &mdash; Warden gambit chart</div> </div> <div class=projectfocus> <a href="https://www.lumondo.com"><img src="/images/note/lumondo-photography.png"></a> <div class=sans>Lumondo photography</div> </div> <div class=projectfocus> <a href="/infinity"><img src="/images/note/infinity.png"></a> <div class=sans>Max Cooper &mdash; Aleph 2 &mdash; Music for minds</div> </div> <div class=projectfocus> <a href="/max-cooper-ascent"><img src="/images/note/max-cooper-ascent-5-dimensional-cubes.png"></a> <div class=sans>Max Cooper &mdash; Ascent &mdash; Music for dimensions</div> </div> <div class=projectfocus> <a href="/mit-museum-genome-exhibit/"><img src="/images/note/mit-museum-genome-exhibit.png"></a> <div class=sans>MIT Museum genome exhibit</div> </div> <div class=projectfocus> <a href="/music-theory"><img src="/images/note/music-theory.png"></a> <div class=sans>Music Theory Reference Chart</div> </div> <div class=projectfocus> <a href="/obesity"><img src="/images/note/obesity-poster.png"></a> <div class=sans>Obesity &mdash; a data story</div> </div> <div class=projectfocus> <a href="/outbreak/index.mhtml#l0home"><img src="/images/note/the-outbreak-poems.png"></a> <div class=sans>The Outbreak Poems</div> </div> <div class=projectfocus> <a href="/books/sapj/tpj"><img src="/images/note/perl-journal.png"></a> <div class=sans>Perl Journal archives</div> </div> <div class=projectfocus> <a href="/poster-design"><img src="/images/note/poster-hospital.png"></a> <div class=sans>Poster design guidelines</div> </div> <div class=projectfocus> <a href="/country.flags"><img src="/images/note/colors-in-country-flags.png"></a> <div class=sans>Proportions of colors in country flags</div> </div> <div class=projectfocus> <a href="/ptolemaic-clock"><img src="/images/note/ptolemaic-clock.png"></a> <div class=sans>Ptolemaic clock</div> </div> <div class=projectfocus> <a href="/quotes"><img src="/images/note/double-quote.png"></a> <div class=sans>Quotes archive</div> </div> <div class=projectfocus> <a href="/deadlygenomes/?sars-cov-2"><img src="/images/note/sars-cov-2-data-art.png"></a> <div class=sans>SARS-CoV-2 visualizations of 56 genomes</div> </div> <div class=projectfocus> <a href="/schemaball"><img src="/images/note/schemaball.png"></a> <div class=sans>Schemaball &mdash; database schema visualization</div> </div> <div class=projectfocus> <a href="/scientific.american.graphic.science"><img src="/images/note/scientific-american-graphic-science.png"></a> <div class=sans>Scientific American Graphic Science</div> </div> <div class=projectfocus> <a href="/snellen-optotype-font"><img src="/images/note/snellen.png"></a> <div class=sans>Snellen optotype font</div> </div> <div class=projectfocus> <a href="/snowflakes"><img src="/images/note/snowflake.png"></a> <div class=sans>snowflake catalogue &mdash; <i>in silico</i> flurries</div> </div> <div class=projectfocus> <a href="/tripsum"><img src="/images/note/tripsum-trump-parody.png"></a> <div class=sans>Tripsum &mdash; Trump ipsum</div> </div> <div class=projectfocus> <a href="/fun/ubcrocket"><img src="/images/note/ubc-rocket-contest.png"></a> <div class=sans>UBC rocket contest</div> </div> <div class=projectfocus> <a href="/universe-superclusters-and-voids"><img src="/images/note/universe-voids-and-superclusters.png"></a> <div class=sans>Universe &mdash; superclusters and voids</div> </div> <div class=projectfocus> <a href="/unwords"><img src="/images/note/unwords.png"></a> <div class=sans>Unwords &mdash; what's missing in the English language</div> </div> <div class=projectfocus> <a href="/typography/birdsongs.mhtml"><img src="/images/note/ampersand.png"></a> <div class=sans>Visions of type &mdash; type peep show</div> </div> <div class=projectfocus> <a href="https://fluxsocks.com/collections/martin-krzywinski/products/eleiko-rogue-plates?ac=crossfit"><img src="/images/note/weightlifting-socks.png"></a> <div class=sans>Weightlifting socks - 178.75 lb</div> </div> <div class=projectfocus> <a href="/debates2020"><img src="/images/note/american-presidential-debates-lexical-analysis.png"></a> <div class=sans>Word analysis of 2008&ndash;2020 U.S. Presidential Debates</div> </div> <div class=projectfocus> <a href="/topquestions/"><img src="/images/note/top-questions.png"></a> <div class=sans>World's most popular questions</div> </div> <div class=projectfocus> <a href="/writing"><img src="/images/note/pen-nib.png"></a> <div class=sans>Writing</div> </div> <div class=projectfocus> <a href="/yesorno"><img src="/images/note/yes-or-no.png"></a> <div class=sans>Yes or No</div> </div> <div class=projectfocus> <a href="/zaomm"><img src="/images/note/zaomm.png"></a> <div class=sans>Zen and the Art of Motorcycle Maintenance quotes</div> </div> </div> </div> </div> <div class="on-the-side vpad4 vmar0 btop1"> <div class="crumb vmar1 vmarb2">me as a keyword list</div> aikido | analogies | animals | astronomy | comfortable silence | cosmology | dorothy parker | drumming | espresso | fundamental forces | good kerning | graphic design | humanism | humour | jean michel jarre | kayaking | latin | little fluffy clouds | lord of the rings | mathematics | negative space | nuance | perceptual color palettes | philosophy of science | photography | physical constants | physics | poetry | pon farr | reason | rhythm | richard feynman | science | secularism | swing | symmetry and its breaking | technology | things that make me go hmmm | typography | unix | victoria arduino | wine | words </div> <div class="on-the-side btop1 vpad4 vpadt4 vmar0"> <a href="https://mk.bcgsc.ca/">Martin Krzywinski</a> | <a href="mailto:martink@bcgsc.ca">contact</a> | <a href="https://www.bcgsc.ca">Canada's Michael Smith Genome Sciences Centre</a> &sub; <a href="https://www.bccrc.ca">BC Cancer Research Center</a> &sub; <a href="https://www.bccancer.bc.ca">BC Cancer</a> &sub; <a href="https://www.phsa.ca">PHSA</a> </div> <div class="on-the-side vpad4 vmar0 btop1"> <a href="https://en.wikipedia.org/wiki/Googlewhack">Google whack</a> <a href="https://www.google.com/search?q=vicissitudinal+corporealization">&ldquo;vicissitudinal corporealization&rdquo;</a> </div> <div class="sans center small grey">{ 10.9.234.152 } </div> </div> <!-- pagewrap-container --> <script src="/js/accordion.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10