







An OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images — just type.
Meet Datatype, my new font that turns text into charts. Available on Google Fonts and of course in Workspace. Simple syntax like {b:10,25,7,95} turns into sparklines, pie charts, and bar charts that look great in your docs, slides, and sheets. https://t.co/0cgEkOcFfM https://t.co/wViF3fPtMr
Meet Datatype, my new font that turns text into charts. Available on Google Fonts and of course in Workspace.Simple syntax like {b:10,25,7,95} turns into sparklines, pie charts, and bar charts that look great in your docs, slides, and sheets.https://t.co/0cgEkOcFfM pic.twitter.com/wViF3fPtMr— Frank Tisellano (@franktisellano) March 12, 2026

Font with Built-In Syntax Highlighting
An experiment in javascript-free syntax highlighting, made possible by opentype contextual alternates and COLR table

Chart Design Principles | Hands-On Data Visualization
Tell your story and show it with data, using free and easy-to-learn tools on the web. This introductory book teaches you how to design interactive charts and customized maps for your website, beginning with easy drag-and-drop tools, such as Google Sheets, Datawrapper, and Tableau Public. You will also gradually learn how to edit open-source code templates built with Chart.js, Highcharts, and Leaflet on GitHub. Follow along with the step-by-step tutorials, real-world examples, and online resources. This book is ideal for students, non-profit organizations, small business owners, local governments, journalists, academics, or anyone who wants to tell their story and show the data. No coding experience is required.
JavaScript With Syntax For Types.
TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.
A Very Early History of Algebraic Data Types
Been quiet around here! I’ve been putting almost all of my writing time into Logic for Programmers and my whole brain is book-shaped. Trust me, you do not want to read my 2000-word rant on Sphinx post-build LaTeX customization. But I spent the past week in a historical rabbit hole and had to share what I found. It started with Algebraic [Data] Types are not Scary, Actually. The post covers AlgDTs1 in more detail, but a quick overview is:
Exploring Art with TypeScript, Jupyter, Polars, and Observable Plot | Deno
With Deno's Jupyter support, you can explore, interact, and create interactive charts with TypeScript and HTML. Here's a tutorial featuring data of over 130,000 famous artworks.

Datasette
Datasette is a tool for exploring and publishing data. It helps people take data of any shape, analyze and explore it, and publish it as an interactive website and accompanying API.

An Award-winning Data Visualization Designer
Visual Cinnamon | Data Visualization Design & Data Art | Data made insightful, effective & beautiful through data visualization and data art

The LaTeX Font Catalogue – Front Page
[Front Page] [Serif Fonts] [Serif Fonts, Sub-Categorised] [Sans Serif Fonts] [Typewriter Fonts] [Calligraphical and Handwritten Fonts] [Uncial Fonts] [Blackletter Fonts] [Other Fonts] [Fonts with Math Support] [Fonts with OpenType or TrueType Support] [All Fonts, by category] [All Fonts, alphabetically] [About The LaTeX Font Catalogue] [Packages that provide math support]
TypeScript.fm - The Friendly Show for TypeScript Developers
The two TypeScript Fools, Kamran Ayub and Erik Onarheim, get together weekly to bring you news, community highlights, and deep dives into the TypeScript ecosystem. Stay up-to-date on what's happening and learn new things to make you a better TypeScript developer along the way!

The Geometry of Type
The Geometry of Type explores 100 traditional and modern typefaces in detail, with a full spread devoted to each entry. Characters from each typeface are enlarged and annotated to reveal key features, anatomical details, and the finer, often-overlooked elements of type design, which shows how these attributes affect mood and readability. Sidebar information lists the designer and foundry, the year of release and the different weights and styles available, while feature boxes explain the origins and best uses for each typeface, such as whether it is suitable for running text or as a display font for headlines. To help the reader spot each typeface in the wider world, the full character set is shown, and the best letters for identification are highlighted.

Chartability
Chartability is a set of heuristics (testable questions) for ensuring that data visualizations, systems, and interfaces are accessible. Chartability is organized into principles with testable criteria and focused on creating an outcome that is an inclusive data experience for people with disabilities.
The HotJava Browser: A White Paper
Browsers allow people to treat the data spread across the Internet as a cohesive whole. Web browsers integrate the function of fetching the data with figuring out what it is and displaying it. One of the most important file types browsers understand is the hypertext markup language (HTML). HTML allows text data objects to embed simple formatting information and references to other objects.
Really cool idea 🤯 - Install this web font - Just add plain text to the DOM - It renders a chart using font ligatures No JS, no hydration FOUC franktisellano.github.io/datatype/