github.com/fredhohman/awesome-mathematical-notation-design
Awesome Mathematical Notation Design
While the history of mathematical notation dates back thousands of years, many of the symbols we are familiar with were introduced in the 16th–17th century. Since then, the number of advanced mathematical symbols has increased significantly.
Today, the majority of mathematical notation is digitally communicated in LaTeX, a popular mathematical typesetting system that produces static output. But sometimes mathematical notation can be hard to learn, hard to remember, and drag a reader into the details while preventing the communication of some higher-level idea. Can we do better?
Below is list of links of techniques to help enhance mathematical notation, for example, leveraging color, layout, annotations, Gestalt principles, or interactivity.
Add a new example
Found a new example? Open an issue to include it. Thanks for your suggestions!
Research Papers (4 papers)
Academic papers on augmenting math notation.
Formula formatting language
ACM UIST, 2023
Math augmentations
ACM CHI, 2022
Communicating with interactive articles
Distill, 2020
On-demand explanations of notation within in a research paper
ACM CHI, 2021
Collections (7 collections)
Meta-collections of math notation examples.
3Blue1Brown
Youtube, 2015
Colorized math equations
Better Explained, 2017
Equation formatting
Red Blob Games, 2019
Gallery of concept visualization
Conceptviz, 2015
Manim
Github, 2015
Visual explanations of mathematics
Agile Scientific, 2020
Visual graphing tool examples
Geogebra, 2001
Articles (8 articles)
Blog posts, explainers, and articles that use designed notation throughout.
Differential equations
Observable, 2019
Legible mathematics
Personal blog, 2014
Lessons from a year of distilling machine learning research
OpenVisConf, 2018
Pixels and their neighbors: Finite volume
The Leading Edge, 2016
Predator and prey relationships
Observable, 2018
The art of linear algebra
Github, 2021
VAE Explainer
Github, 2024
Why momentum really works
Distill, 2017
Examples (48 examples)
Other singular examples and explorations.
A Visual Guide to Quantization
Github, Personal blog
A student's guide to maxwell's equations
Cambridge University Press, 2008
Angle between two vectors
Twitter, 2021
Annotated LaTeX equations
Twitter, 2022
Bulletproofs
Github, 2018
Cheatsheet for Bayesian posterior predictions
Personal blog, 2022
Concepts in calculus
Intuitive Explanations, 2015
Continuous prefetch
VLDB, 2020
Convolutional neural network operations
IEEE TVCG, 2021
Cutting out knots
Personal blog, 2022
Definition of a derivative
Tumblr, 2015
Design decisions for Distill equations
Github, 2017
Differential equation for rate of change
Twitter, 2019
Distance formula
Towards Data Science, 2019
Editing generalized additive models
Research2Clinics at NeurIPS, 2021
Eigenvectors and eigenvalues
Explained Visually, 2015
Elementary math
Reddit, 2018
Energy consumption in machine learning
ACH CHI LBW, 2021
Equations in R
Twitter, 2020
Exponential function
Twitter, 2022
Function plotting
YouTube, 2017
Generalized additive models
ACM CHI, 2019
Generating animated videos with natural language queries
Magnum, 2020
Geometric visualization of Bayes' theorem
Wikipedia, 2022
Geometry line segement problem
Twitter, 2021
Helmholtz equation
Twitter, 2020
How mathematicians think about four dimensions
Explanaria, 2019
Integrating study results and distributions with text
IEEE VIS, 2020
Interactive exploration of a dynamical system
worrydream, 2011
Linking informal and formal statements
Twitter, 2021
Machine learning flashcards
Machine Learning Flashcards, 2017
Mathtype equation annotation
MathType
Neural network backpropagation
VISxAI at IEEE VIS, 2021
Numbers at play: Dynamic toys make the invisible visible
Khan Academy, 2017
PDEs and volume rendering thread
Twitter, 2022
Paths perspective on value learning
Distill, 2019
Predator and prey differential equation
Twitter, 2019
Summation and product notation in code
Twitter, 2021
Tangle: Explorable explanations made easy
worrydream, 2013
Teaching array programming
Personal blog, 2019
The case of the impossible triangles
Explanaria, 2021
The parts of a learning problem
Twitter, 2021
The rendering equation
Twitter, 2021
The singular value decomposition
Personal blog, 2022
Triangle solver
Personal Blog, 2021
Visual Pythagorean demonstration and proofs
StackExchange, 2014
Visualizing quaternions: An explorable video series
Personal blog, 2018
Volume rendering for developers: Foundations
Scratchapixel, 2022