NS Line Diagrams, Recreated and Redesigned
A dive down a rabbit hole recreating and redesigning the line diagrams I saw on Dutch railway platforms, in code.
I’m Jules. I’m a software engineer with a background in geoscience engineering.
I’m passionate about on making ideas, systems and processes more understandable.
I believe that maps, charts, and diagrams are a great way to do that.
I’m passionate about the World Wide web, its reach, its usefulness. I believe that it is a great place to build and share useful tools for understanding.
At the moment, I’m working on making geotechnical data more useful at
Bedrock.engineer.
You can find me on the web on Twitter.
A dive down a rabbit hole recreating and redesigning the line diagrams I saw on Dutch railway platforms, in code.
A recipe to make a zoom loupe that follows the pointer, using nested SVGs, viewBox, and <use>
Deduplicating SVG definitions in React by portaling them into a plain object that impersonates a DOM node, the trick behind React Aria's Collections.
Colocating SVG definitions with the components that use them, using portals and context. An overengineered but instructive exercise.
Understanding how parent and owner components affect context updates can help you write more performant context providers