Datatype Font Family is a variable OpenType font that transforms simple text expressions into inline data visualizations—no JavaScript required. Using OpenType contextual alternates and ligature substitution, text like {b:30,70,50,90} automatically becomes a bar chart within your document.
Designed for seamless integration into text-based workflows, Datatype enables you to embed charts directly in emails, documentation, reports, and web content. The font supports three chart types: bar charts, sparklines (line charts), and pie charts, each activated through simple text syntax.
Chart Syntax:
Bar charts: {b:15,45,80,30,60} (up to 20 values, 0-100)
Sparklines: {l:10,40,25,70,50} (up to 20 points, 0-100)
Pie charts: {p:75} (single percentage value)
The font includes two variable axes for extensive customization: Width (wdth: 0-100) controls spacing and compactness, while Weight (wght: 100-900) adjusts line thickness and visual prominence. This enables designers to fine-tune charts for different contexts—from dense dashboards to prominent presentations.
Datatype uses the Contextual Alternates (calt) feature for bar charts and sparklines, ensuring broad compatibility across applications including Google Docs, Sheets, and Slides. Pie charts utilize Standard Ligatures (liga), which may require manual enablement in some environments.
Built with fontTools and licensed under the SIL Open Font License 1.1, Datatype brings the power of inline data visualization to any application that supports OpenType features.
This font includes glyphs from IBM Plex™ Mono: Copyright 2017 IBM Corp. with Reserved Font Name “Plex”
To contribute, see github.com/franktisellano/datatype.
View all Glyphs
Datatype_Condensed-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Condensed-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_Expanded-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraCondensed-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_ExtraExpanded-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiCondensed-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_SemiExpanded-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-Black
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-Bold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-Light
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype_UltraCondensed-Thin
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype-ExtraBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype-ExtraLight
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype-Medium
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype-Regular
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype-SemiBold
The quick brown fox jumps over the lazy dog
View all Glyphs
Datatype-VariableFont_wdth,wght
The quick brown fox jumps over the lazy dog
Load More Fonts (67 left)
No comments.
You can be the first one to leave a comment.