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
Without an after or a when.Papercut feat. Maiken Sundbycan you hear the rain?more quotes


In Silico Flurries: Computing a world of snow. Scientific American. 23 December 2017


Fonts + Design

Snellen Optotype Font with Upper and Lowercase characters

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.

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 Snellen Optotype Font

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

v7.1 4-jun-2018 — Download Snellen optotype font

version 7.1 — 4 Jun 2017

Tidied all letter forms with Fontlab 6.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Snellen optotype font (version v7.1 4-jun-2018) that includes both upper and lower case characters, along with most punctuation and some symbols. Based on design by Andrew Howlett. (zoom, download Snellen 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 Snellen 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 Snellen 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 Snellen optotype font)

version 4 — 23 Feb 2017

Adding digits.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Snellen 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
Snellen 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
Snellen 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
Snellen 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

Two-level factorial experiments

Fri 22-03-2019
To find which experimental factors have an effect, simultaneously examine the difference between the high and low levels of each.

Two-level factorial experiments, in which all combinations of multiple factor levels are used, efficiently estimate factor effects and detect interactions—desirable statistical qualities that can provide deep insight into a system.

They offer two benefits over the widely used one-factor-at-a-time (OFAT) experiments: efficiency and ability to detect interactions.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Two-level factorial experiments. (read)

Since the number of factor combinations can quickly increase, one approach is to model only some of the factorial effects using empirically-validated assumptions of effect sparsity and effect hierarchy. Effect sparsity tells us that in factorial experiments most of the factorial terms are likely to be unimportant. Effect hierarchy tells us that low-order terms (e.g. main effects) tend to be larger than higher-order terms (e.g. two-factor or three-factor interactions).

Smucker, B., Krzywinski, M. & Altman, N. (2019) Points of significance: Two-level factorial experiments Nature Methods 16:211–212.

Background reading

Krzywinski, M. & Altman, N. (2014) Points of significance: Designing comparative experiments.. Nature Methods 11:597–598.

Happy 2019 `\pi` Day—
Digits, internationally

Tue 12-03-2019

Celebrate `\pi` Day (March 14th) and set out on an exploration explore accents unknown (to you)!

This year is purely typographical, with something for everyone. Hundreds of digits and hundreds of languages.

A special kids' edition merges math with color and fat fonts.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
116 digits in 64 languages. (details)
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
223 digits in 102 languages. (details)

Check out art from previous years: 2013 `\pi` Day and 2014 `\pi` Day, 2015 `\pi` Day, 2016 `\pi` Day, 2017 `\pi` Day and 2018 `\pi` Day.

Tree of Emotional Life

Sun 17-02-2019

One moment you're :) and the next you're :-.

Make sense of it all with my Tree of Emotional life—a hierarchical account of how we feel.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A section of the Tree of Emotional Life.

Find and snap to colors in an image

Sat 29-12-2018

One of my color tools, the colorsnap application snaps colors in an image to a set of reference colors and reports their proportion.

Below is Times Square rendered using the colors of the MTA subway lines.


Colors used by the New York MTA subway lines.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Times Square in New York City.
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Times Square in New York City rendered using colors of the MTA subway lines.
Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Granger rainbow snapped to subway lines colors from four cities. (zoom)

Take your medicine ... now

Wed 19-12-2018

Drugs could be more effective if taken when the genetic proteins they target are most active.

Design tip: rediscover CMYK primaries.

More of my American Scientific Graphic Science designs

Ruben et al. A database of tissue-specific rhythmically expressed human genes has potential applications in circadian medicine Science Translational Medicine 10 Issue 458, eaat8806.