frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

fp.

Open in hackernews

Show HN: Equations Explained Colorfully (KaTeX and Markdown)

https://p.migdal.pl/equations-explained-colorfully/
4•stared•14h ago
Hi HN!

I am fascinated by various ways of explaining mathematical formulas easily — see “Science-based games and explorable explanations”: https://p.migdal.pl/blog/2024/05/science-games-explorable-ex.... In particular, I got inspired by “Understanding the Fourier Transform” by Stuart Riffle from 2011 (https://web.archive.org/web/20130318211259/http://www.altdev...), in which he color-coded the Discrete Fourier Transform formula and its description.

Yet, I saw that it has two issues. First, while many people appreciate it, creating them manually is a huge hassle. Second, it does not work well for colorblind people (as a few friends of mine told me).

So, I wanted to make it interactive, both to be able to choose the color scheme and so that it is useful in black and white (as you can hover and select terms).

For the syntax, I picked the default go-to, LaTeX (here it is rendered with KaTeX). For the description of the equation and explanation, I used Markdown, so it is easy to pick up.

I quickly realized that adding an online editor is a game-changer: what started as an optional extra became a default, always-visible part of the tool.

Some equations are more polished, some less so. Among others, there is the Schrödinger equation, the Euler equation, Shannon entropy, the grand canonical ensemble, and, of course, the Discrete Fourier Transform. I wanted to see how it works for various cases. Einstein's mass–energy equivalence serves as a starter template. Don’t be alarmed by the Maxwell equations with too many colors - I wanted to stress-test it.

You can export this to a standalone HTML file with its interactivity. Also, you can export the same formula to LaTeX (both a regular article and a Beamer presentation) and Typst. For LaTeX and Typst articles, it loses interactivity, but the colors are the same. In LaTeX Beamer, there is a slide-by-slide explanation of each term.

Source (MIT license): https://github.com/stared/equations-explained-colorfully/

I am curious to hear your impressions!

If you want to add a formula, do so.

If you want to feature it so that it is useful in your class or course, I am happy to hear which.

If you want to suggest color themes, let me know.

Also, if you want some other export formats, it should be easy.

Show HN: I built a dashboard to compare mortgage rates across 120 credit unions

https://finfam.app/blog/credit-union-mortgages
245•mhashemi•12h ago•75 comments

Show HN: A Minimal Monthly Task Planner (printable, offline, no signup)

https://printcalendar.top/
32•defcc•3h ago•7 comments

Show HN: Mirror_bridge – C++ Reflection powered Python binding generation

https://github.com/FranciscoThiesen/mirror_bridge
10•fthiesen•2h ago•2 comments

Show HN: I made a simple, 100% free marketplace to buy or sell micro-startups

https://buy-startups.com/
2•aiseoscan•32m ago•0 comments

Show HN: Searchable AI visibility index (15k+ brands, 500 industries)

https://trakkr.ai/rankings/
3•mektrik•32m ago•0 comments

Show HN: Fresh – A new terminal editor built in Rust

https://sinelaw.github.io/fresh/
147•_sinelaw_•18h ago•97 comments

Show HN: Identifiy test coverage gaps in your Go projects

https://github.com/LeanerCloud/testvet
11•alien_•3d ago•2 comments

Show HN: Microlandia, a brutally honest city builder

https://microlandia.city
78•phaser•14h ago•14 comments

Show HN: Onetone – A full-stack framework with custom C interpreter

https://github.com/onetoneframework/framework
2•tactics6655•2h ago•0 comments

Show HN: RAG in 3 Lines of Python

https://pypi.org/project/piragi/
7•init0•8h ago•1 comments

Show HN: FastLanes based integer compression in Zig

https://github.com/steelcake/zint
9•ozgrakkurt•3d ago•7 comments

Show HN: TidesDB – A storage engine that outperforms RocksDB

https://github.com/tidesdb/tidesdb
2•alexpadula•4h ago•0 comments

Show HN: AI music and auto-charting and custom rhythm minigame sandbox

https://rhythm-seodang-web.vercel.app/
5•sputnikwrkshp•5h ago•0 comments

Show HN: Stanford's ACE paper was just open sourced

https://github.com/ace-agent/ace
3•vmsn•10h ago•0 comments

Show HN: EchoCopi Local-first, model-agnostic alternative to Google Antigravity

3•sparksupernova•7h ago•0 comments

Show HN: Marmot – Single-binary data catalog (no Kafka, no Elasticsearch)

https://github.com/marmotdata/marmot
97•charlie-haley•1d ago•21 comments

Show HN: A $20/year invoicing tool for solo developers (simple, fast, no bloat)

https://sidepay.app/
11•mightbefun•17h ago•4 comments

Show HN: ESLint-plugin-code-complete – ESLint Rules for Code Complete

https://github.com/aryelu/eslint-plugin-code-complete
3•arye_lu•10h ago•0 comments

Show HN: Rust Client Library for Gradium.ai TTS/STT API

https://github.com/cydanix/rust-gradium
3•irqlevel•11h ago•0 comments

Show HN: TrackerNews – Keyword monitoring and insight extraction

https://trackernews.app/
4•winchester6788•12h ago•0 comments

Show HN: MetaConvert – Free PDF and Image Conversion Tools

https://metaconvert.blogspot.com/
2•MetaConvert•12h ago•0 comments

Show HN: HCL-Schema – Create HCL Schemas Using HCL Files

https://github.com/avestura/hcl-schema
2•avestura•12h ago•0 comments

Show HN: Niccup – Hiccup-Like HTML Generation in ~120 Lines of Pure Nix

https://embedding-shapes.github.io/introducing-niccup/
2•embedding-shape•13h ago•0 comments

Show HN: From Personal Script to Public Tool – How I Built a Windows Setup Gen

https://kaicbento.substack.com/p/from-personal-script-to-public-tool
3•kaicbento•5h ago•0 comments

Show HN: The Taka Programming Language

https://codeberg.org/marton/taka
10•mgunyho•18h ago•4 comments

Show HN: A prediction market where you can bet against my goals

https://market.ericli.tech
6•ericlmtn•18h ago•5 comments

Show HN: Patternia – A Zero-Overhead Pattern Matching DSL for Modern C++

https://github.com/sentomk/patternia
3•sentomk•13h ago•0 comments

Show HN: Textwave – Versioning for Documents (free, local-only document editor)

https://textwaveapp.com/
2•domysee•14h ago•0 comments

Show HN: Equations Explained Colorfully (KaTeX and Markdown)

https://p.migdal.pl/equations-explained-colorfully/
4•stared•14h ago•0 comments

Show HN: Avolal – Book routine flights in 60 seconds

https://www.avolal.com
9•midito•14h ago•4 comments