Category Archives: Text Visualization

Using Font Attributes with D3.js

Most of the typographic visualization examples on this site are created in D3.js, using  SVG. There are tons of examples of D3 on the web used to create bars, dots, etc; but not many online examples where font attributes are … Continue reading

Posted in Data Visualization, Font Visualization, Text Visualization | Tagged , , , | Leave a comment

Word Stems Visualized

In this blog there have been many posts of words visualized where differences are accentuated and encoded using bold, italics, underlines, etc. But what if you want to visualize the similarities? Stemming is a basic task in a lot of … Continue reading

Posted in Alphanumeric Chart, Data Visualization, Text Visualization | Tagged , | Leave a comment

Microtext Line Charts: Sample Code

I’ve presented Microtext Line Charts a number of times. There is a lot of interest and a lot of questions. Questions are generally two flavors. How do you implement this? What happens if: there are more data points in the … Continue reading

Posted in Data Visualization, Line Chart, Microtext, Text Visualization | Leave a comment

Color in Text Visualization

Highlighting text via bold or italic is less noticeable than color. There is an incredibly long history of the use of color in a continuum from medieval times to present. From a visualization perspective, color is scoped to the level of words, … Continue reading

Posted in Data Visualization, Font Visualization, Text Visualization | Tagged , | 1 Comment

Text Visualization and Code Editors

Long before I started investigating typographic attributes for data visualization, Aaron Marcus and Ron Baecker were doing the same thing for software code. Back in the mid 1980s there weren’t integrated development environments, no integrated debugging tools and so on. … Continue reading

Posted in Data Visualization, Font Visualization, Legibility, Text Visualization | Leave a comment

Stem & Leaf Bigrams

Stem & leaf plots are quirky alphanumeric data visualizations. In typical usage they show distributions of numeric values. Here’s a simple dataset of heights of my family on the left, transformed into a stem and leaf plot on the right: … Continue reading

Posted in Alphanumeric Chart, Data Visualization, Font Visualization, Text Visualization | Leave a comment

Lost Works of Jacques Bertin on Typography

Strangely, out of 450 pages+ in Bertin’s Sémiologie Graphique translated into English only 4 pages about typography were not translated. Continue reading

Posted in Alphanumeric Chart, Data Visualization, Font Visualization, Text Visualization | Tagged , | 1 Comment