nan.fyi
nan.fyi · Personal blog · on HN since 2021
Nanda Syahrasyad writes interactive explainers on web development and computer science, such as SVG paths, building a database, and a tokenizer.
What HN saysHN commenters praise its interactive SVG paths guide and database post as great teaching material, and cite it as a model for educational content.
18HN people shared it
5linked it in comments
16stories submitted
578story points
1 year agolast shared
2021people per year2026
Most-shared posts
- 1Rebuilding Babel: The Tokenizer4 people · 7 points · first shared 2022 · discussion on HN
- 2An Interactive Guide to SVG Paths4 people · 7 points · first shared 2023 · 1 comments on HN
- 3The Sliding Window Pattern3 people · 6 points · first shared 2021 · discussion on HN
- 4Interactive blog on computer science and web development3 people · 5 points · first shared 2022 · discussion on HN
- 5Framer's Magic Motion3 people · 4 points · first shared 2022 · discussion on HN
- 6Build your own database2 people · 547 points · first shared 2025 · 93 comments on HN
- 7Building a Debugger: Code Analysis1 people · 1 points · first shared 2021 · discussion on HN
- 8Power of Keys in Framer Motion1 people · 1 points · first shared 2023 · discussion on HN
What HN people wrote when they linked it
joshuat · 2025-08-21
NaN published a really great page about SVG paths a while ago: https://www.nan.fyi/svg-paths
joshuaturner · 2025-04-12
"A Deep Dive Into SVG Path Commands" by Nanda Syahrasyad [0] is really great for understanding how SVG paths are composed. It's from almost 2 years ago now and really opened my eyes to all that SVGs can do and exactly how they're doing it.
[0] https://www.nan.fyi/svg-paths
liqilin1567 · 2025-10-26
Seems like there are many useful suggestions for the author. Here is mine: maybe an interactive style would work much better for educational content.
There is a well praised post on HN: https://www.nan.fyi/database, built with the framework: https://github.com/nandanmen/NotANumber
wbobeirne · 2023-07-10
Totally agree. I bookmarked this guide that hit the top of HN a few weeks back, a good primer on how to get started manually programming paths, which unlocks a lot of cool dynamic SVG and animation opportunities: https://www.nan.fyi/svg-paths.