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.