Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - contact me Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca on Twitter Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Lumondo Photography Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Pi Art Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Hilbertonians - Creatures on the Hilbert CurveMartin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Pi Day 2020 - Piku
This love loves love. It's a strange love, strange love.Liz Fraserfind a way to lovemore quotes

Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca

The Outbreak Poems — artistic emissions in a pandemic


Fonts + Design

Snellen Optotype Font with Upper and Lowercase characters

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
SnellenMK optotype font. Uppercase, lowercase and symbols to test your eyes. (zoom)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
SnellenMK optotype font. Uppercase, lowercase and symbols to test your eyes. (zoom)

In the process of designing my Snellen Eye Chart typographical posters, I came across the Snellen font by Andrew Howlett. I wasn't happy with all the letters, so I made attempts at giving the font an update. I call this redesign "Snellen MK", to avoid conflict with Howlett's "Snellen".

Not being a font designer, I will likely get myself into trouble.

snellen chart posters

While making my Snellen chart series, I entered the rabbit hole of optotype fonts ... and I can't get out!


Typographical posters of how the world works in the style of Snellen eye charts
 / Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca buy artwork
A technically accurate Snellen chart using four genetic bases A T G C rendered as optotypes. The chart begins with the start codon ATG and ends in the stop codon TGA, which appears only once in the chart. Print at 16 in × 24 in. (BUY ARTWORK)

Typographical posters of how the world works in the style of Snellen eye charts
 / Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca buy artwork
A technically accurate Snellen chart using the nautical flag alphabet rendered as optotypes. Print at 16 in × 24 in. (BUY ARTWORK)

The charts don't necessarily use the latest version of my Snellen font design, which fluctuates as my mood about some of the letters changes.

optotype fonts

The optotype requirement is that letters be designed on a 5 × 5 grid, and have constant stroke width. This means that both lower and upper case letters need to share the grid and stroke. To stay compatible with the eyechart paradigm, letters should be as obvious as possible.

Lorrie Frear's article What are Optotypes? Eye Charts in Focus is a great read about optotypes and eye charts.

Snellen Optotype Letter Design

uppercase

The uppercase letter design uses Herman Snellen's original chart as inspiration.

I have modified the design by Andrew Howlett (see below) for some letters. All the changes are relatively minor: more serifs and consistent stroke width for bars on R and K.

lowercase

The lowercase characters should be considered experimental.

The progress of my redesign is shown below. I would greatly appreciate feedback and suggestions!

Download SnellenMK Optotype Font

The distribution contains both Andrew's version and my redesign.

v7.002 11-Jul-2019 — Download SnellenMK optotype font

version v7.002 11-Jul-2019

Tidied all letter forms with Fontlab 6.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Snellen optotype font (version v7.002 11-Jul-2019) that includes both upper and lower case characters, along with most punctuation and some symbols. Based on design by Andrew Howlett. (zoom, download SnellenMK optotype font)

version 7 — 6 Feb 2017

Fixed g and e. Thanks to Makeesha Fisher for suggestions.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Snellen optotype font (mk.v.7). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters as well as digits and symbols. (zoom, download SnellenMK optotype font)

version 6 — 5 Feb 2017

Adjusted serifs on f, j, l, o, t to extend the full width of the grid. Added a lot more symbols.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Snellen optotype font (mk.v.6). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters as well as digits and symbols. (zoom, download SnellenMK optotype font)

version 5 — 4 Feb 2017

Added lowercase, digits and symbols.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Snellen optotype font (mk.v.5). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters as well as digits and symbols. (zoom, download SnellenMK optotype font)

version 4 — 23 Feb 2017

Adding digits.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
SnellenMK optotype font (mk.v.4). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters as well as digits. (zoom)

version 3 — 22 Feb 2017

I'm exploring the lowercase characters. I don't know what I want to do with them. Make this into a more standard font in which lowercase letters are smaller, so that letters can fit their roles clearly when text is set in sentence case, or fill out the full optotype grid.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
SnellenMK optotype font (mk.v.3). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters. (zoom)

version 2 — 22 Feb 2017

Flushed out some inconsistencies in the uppercase characters. Added serifs to more letters.

Now all the letters occuppy the full 5 × 5 grid, including the I, whose serifs were widened to allow this. While this new uppercase I isn't as pretty as the old one, it makes the entire typeface more consistent to its optotype roots.

Still struggling with the G. In the original version, the descending stroke was cut off in the middle of a grid, which I didn't like.

The S has been fixed—thanks to Elanor Lutz for feedback.

I've color coded the characters slightly differently, drawing attention to ones that I feel need more thought.

The lowercase characters aren't color coded (yet) because ... most of them need help. Primarily, I'm vacillating between making them fill the full size of the 5 × 5 square, just like the uppercase characters, and keeping them confined to a 4 × 4 square, which incurs loss of legibility. If I make the letters the same size, it will be impossible to distinguish lowercase and uppercase characters some cases (e.g. c, i). Perhaps this is desired?

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
SnellenMK optotype font (mk.v.2). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters. (zoom)

version 1 — 22 Feb 2017

First attempt at lowercase characters.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
SnellenMK optotype font (mk.v.1). Original design by Andrew Howlett (left) and my redesign (right), which includes both upper and lowercase letters. (zoom, download font)

VIEW ALL

news + thoughts

Virus Mutations Reveal How COVID-19 Really Spread

Mon 04-05-2020

Genetic sequences of the coronavirus tell story of when the virus arrived in each country and where it came from.

Our graphic in Scientific American's Graphic Science section in the June 2020 issue shows a phylogenetic tree based on a snapshot of the data model from Nextstrain as of 31 March 2020.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Virus Mutations Reveal How COVID-19 Really Spread. Text by Mark Fischetti (Senior Editor), art direction by Jen Christiansen (Senior Graphics Editor), source: Nextstrain (enabled by data from GISAID).

Cover of Nature Cancer April 2020

Mon 27-04-2020

Our design on the cover of Nature Cancer's April 2020 issue shows mutation spectra of patients from the POG570 cohort of 570 individuals with advanced metastatic cancer.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Each ellipse system represents the mutation spectrum of an individual patient. Individual ellipses in the system correspond to the number of base changes in a given class and are layered by mutation count. Ellipse angle is controlled by the proportion of mutations in a class within the sample and its size is determined by a sigmoid mapping of mutation count scaled within the layer. The opacity of each system represents the duration since the diagnosis of advanced disease. (read more)

The cover design accompanies our report in the issue Pleasance, E., Titmuss, E., Williamson, L. et al. (2020) Pan-cancer analysis of advanced patient tumors reveals interactions between therapy and genomic landscapes. Nat Cancer 1:452–468.

Modeling infectious epidemics

Wed 06-05-2020

Every day sadder and sadder news of its increase. In the City died this week 7496; and of them, 6102 of the plague. But it is feared that the true number of the dead this week is near 10,000 ....
—Samuel Pepys, 1665

This month, we begin a series of columns on epidemiological models. We start with the basic SIR model, which models the spread of an infection between three groups in a population: susceptible, infected and recovered.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Modeling infectious epidemics. (read)

We discuss conditions under which an outbreak occurs, estimates of spread characteristics and the effects that mitigation can play on disease trajectories. We show the trends that arise when "flattenting the curve" by decreasing `R_0`.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Modeling infectious epidemics. (read)

This column has an interactive supplemental component that allows you to explore how the model curves change with parameters such as infectious period, basic reproduction number and vaccination level.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Modeling infectious epidemics. (Interactive supplemental materials)

Bjørnstad, O.N., Shea, K., Krzywinski, M. & Altman, N. (2020) Points of significance: Modeling infectious epidemics. Nature Methods 17:455–456.

The Outbreak Poems

Sat 04-04-2020

I'm writing poetry daily to put my feelings into words more often during the COVID-19 outbreak.

That moment
when
you know a moment.
Branch to branch,
flit,
look everywhere,
chirp.
Memory,
scent
of thought fleeting.
Distant pasts
all
ways in plural
form.

Read the poems and learn what a piku is.

Deadly Genomes: Genome Structure and Size of Harmful Bacteria and Viruses

Tue 17-03-2020

A poster full of epidemiological worry and statistics. Now updated with the genome of SARS-CoV-2 and COVID-19 case statistics as of 3 March 2020.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Deadly Genomes: Genome Structure and Size of Harmful Bacteria and Viruses (zoom)

Bacterial and viral genomes of various diseases are drawn as paths with color encoding local GC content and curvature encoding local repeat content. Position of the genome encodes prevalence and mortality rate.

The deadly genomes collection has been updated with a posters of the genomes of SARS-CoV-2, the novel coronavirus that causes COVID-19.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Genomes of 56 SARS-CoV-2 coronaviruses that causes COVID-19.
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Ball of 56 SARS-CoV-2 coronaviruses that causes COVID-19.
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
The first SARS-CoV-2 genome (MT019529) to be sequenced appears first on the poster.