resources
visualizations
presentations
lunch break
Distractions and amusements, with a sandwich and coffee.
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. 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!
buy artwork
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.
version 7 — 6 Feb 2017
Fixed g and e. Thanks to Makeesha Fisher for suggestions.
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.
version 5 — 4 Feb 2017
Added lowercase, digits and symbols.
version 4 — 23 Feb 2017
Adding digits.
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.
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?
version 1 — 22 Feb 2017
First attempt at lowercase characters.
news + thoughts
Scientific data visualization: Aesthetic for diagrammatic clarity
The scientific process works because all its output is empirically constrained.
My chapter from The Aesthetics of Scientific Data Representation, More than Pretty Pictures, in which I discuss the principles of data visualization and connect them to the concept of "quality" introduced by Robert Pirsig in Zen and the Art of Motorcycle Maintenance.
Yearning for the Infinite — Aleph 2
Discover Cantor's transfinite numbers through my music video for the Aleph 2 track of Max Cooper's Yearning for the Infinite (album page, event page).
I discuss the math behind the video and the system I built to create the video.
Hidden Markov Models
Everything we see hides another thing, we always want to see what is hidden by what we see.
—Rene Magritte
A Hidden Markov Model extends a Markov chain to have hidden states. Hidden states are used to model aspects of the system that cannot be directly observed and themselves form a Markov chain and each state may emit one or more observed values.
Hidden states in HMMs do not have to have meaning—they can be used to account for measurement errors, compress multi-modal observational data, or to detect unobservable events.
In this column, we extend the cell growth model from our Markov Chain column to include two hidden states: normal and sedentary.
We show how to calculate forward probabilities that can predict the most likely path through the HMM given an observed sequence.
Grewal, J., Krzywinski, M. & Altman, N. (2019) Points of significance: Hidden Markov Models. Nature Methods 16:795–796.
Background reading
Altman, N. & Krzywinski, M. (2019) Points of significance: Markov Chains. Nature Methods 16:663–664.
Hola Mundo Cover
My cover design for Hola Mundo by Hannah Fry. Published by Blackie Books.
Curious how the design was created? Read the full details.
Markov Chains
You can look back there to explain things,
but the explanation disappears.
You'll never find it there.
Things are not explained by the past.
They're explained by what happens now.
—Alan Watts
A Markov chain is a probabilistic model that is used to model how a system changes over time as a series of transitions between states. Each transition is assigned a probability that defines the chance of the system changing from one state to another.
Together with the states, these transitions probabilities define a stochastic model with the Markov property: transition probabilities only depend on the current state—the future is independent of the past if the present is known.
Once the transition probabilities are defined in matrix form, it is easy to predict the distribution of future states of the system. We cover concepts of aperiodicity, irreducibility, limiting and stationary distributions and absorption.
This column is the first part of a series and pairs particularly well with Alan Watts and Blond:ish.
Grewal, J., Krzywinski, M. & Altman, N. (2019) Points of significance: Markov Chains. Nature Methods 16:663–664.