🎉 v1.0.0 — Datatype comes to life!
Datatype is an OpenType variable font that turns simple text syntax into inline charts and data visualizations —
right in your text editor, design tool, or web page.
✨ What's New
First public release! Datatype lets you create:
- Bar charts:
{b:1,3,7,4,9,2}→ inline bars - Sparklines:
{l:2,5,3,8,1,6}→ trend lines - Pie charts:
{p:75}→ circular progress indicators
All rendered as ligatures using OpenType contextual alternates — no images, no JavaScript required.
📦 What's Included
Variable Fonts
- Datatype-VF.ttf — Full variable font with weight (100–900) and width (0–100) axes
- Datatype-VF.woff2 — Web-optimized variable font
Static Instances
16 pre-generated static fonts in TTF and WOFF2 formats across 8 styles:
- Thin Narrow, Light Compact, Light Wide, Regular, Medium Wide, Semi Bold Compact, Bold, Black Wide
Perfect for apps that don't support variable fonts (Google Docs, older design tools).
🚀 Quick Start
- Download the font files from this release
- Install Datatype-VF.ttf or any static instance
- Type {b:5,8,3,9} in any text field
- Watch it transform into a bar chart!
🌐 Live Demo
Check out the interactive specimen: https://franktisellano.github.io/datatype/ (adjust to your actual GitHub Pages
URL)
📝 License
Datatype is licensed under the SIL Open Font License 1.1 — free to use, modify, and distribute.
🛠️ Technical Details
- ~10,626 glyphs per master
- 9 interpolation masters for smooth variable font behavior
- GSUB contextual alternates for automatic chart rendering
- Supports values 0–100 with decimal precision
Enjoy creating data visualizations that flow with your text!