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.
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 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.
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
Find and snap to colors in an image
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.
Take your medicine ... now
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.
Predicting with confidence and tolerance
I abhor averages. I like the individual case. —J.D. Brandeis.We focus on the important distinction between confidence intervals, typically used to express uncertainty of a sampling statistic such as the mean and, prediction and tolerance intervals, used to make statements about the next value to be drawn from the population.
Confidence intervals provide coverage of a single point—the population mean—with the assurance that the probability of non-coverage is some acceptable value (e.g. 0.05). On the other hand, prediction and tolerance intervals both give information about typical values from the population and the percentage of the population expected to be in the interval. For example, a tolerance interval can be configured to tell us what fraction of sampled values (e.g. 95%) will fall into an interval some fraction of the time (e.g. 95%).
Altman, N. & Krzywinski, M. (2018) Points of significance: Predicting with confidence and tolerance Nature Methods 15:843–844.
Background reading
Krzywinski, M. & Altman, N. (2013) Points of significance: Importance of being uncertain. Nature Methods 10:809–810.
4-day Circos course
A 4-day introductory course on genome data parsing and visualization using Circos. Prepared for the Bioinformatics and Genome Analysis course in Institut Pasteur Tunis, Tunis, Tunisia.
Oryza longistaminata genome cake
Data visualization should be informative and, where possible, tasty.
Stefan Reuscher from Bioscience and Biotechnology Center at Nagoya University celebrates a publication with a Circos cake.
The cake shows an overview of a de-novo assembled genome of a wild rice species Oryza longistaminata.
