svelte-onion

Data visualization + culinary math exploration with SVG/Svelte/D3

In 2021, food writer Kenji López-Alt shared some diagrams and mathematical analysis about the ideal method for dicing onions:

View this post on Instagram

A post shared by J. Kenji López-Alt (@kenjilopezalt)

After seeing Kenji’s post, I recreated his onion cross-section diagrams as a mini web app:

This simple interactive version is live here: https://svelte-onion.netlify.app/

Originally all I wanted was just to get some deeper practice with Svelte/D3 and writing SVG by hand. However, I’m currently expanding this in a freelance capacity to include the mathematical analysis as well. I should have a big update here before the end of 2024. (I’m happy to share more details in an interview if you’re hiring a frontend engineer!)

More projects