---
title: "Datatype – Variable font that turns text into charts"
id: "42568"
slug: "datatype-variable-font-that-turns-text-into-charts"
permalink: "https://eay.cc/2026/datatype-variable-font-that-turns-text-into-charts/"
published_at: "2026-08-05T21:54:57+00:00"
author: "Stefan Grund"
type: "post"
format: "link"
tags:
  - "statistik"
  - "typographie"
  - "visualisierung"
external_url: "https://franktisellano.github.io/datatype/"
short_url: "https://eay.li/44v"
content_copy:
  - "https://bsky.app/profile/eay.social/post/3msejhqomkq25"
  - "https://bubbles.town/entry/44761677"
  - "https://eay.social/@eay/117045126736428328"
geo_latitude: "50.973835"
geo_longitude: "6.682999"
---

# Datatype – Variable font that turns text into charts

[Link →](https://franktisellano.github.io/datatype/)

![Screenshot der Datatype-Website, der aufzeigt, wie man die Schriftart benutzt, indem man z.B. {p:65} für ein zu 65% gefülltes Kuchendiagramm schreibt.](https://eay.cc/uploads/2026/datatype.png)

> Datatype is an OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images, no rendering library – just type the syntax and Datatype’s ligature substitution does the rest.

Tolle Idee und Umsetzung von [Frank Tisellano](https://www.ft.io/), die es schnell erlaubt z.B. mit `{b:30,70,50,90}` ein Balkendiagramm mit vier Balken oder `{p:65}` ein zu 65% gefülltes Kuchendiagramm auszugeben. Würde ich mir eigentlich bei viel mehr Schriftarten bzw. noch besser systemweit ohne Font wünschen. (via [Kottke](https://kottke.org/26/07/0049391-datatype-is-an-opentype-v))