I'm blown away by the awesome inline KiCad visualizations. Did you use any tooling for capturing the layout view so the layers could be overlapped so easily?
Any thoughts on making a library for this so others can build sites as beautiful as yours? It'd be a great tool for sure. As noted elsewhere in the comments, your documentation is top notch.
Thank you! For the board layers I just used macOS's screenshot utility, though I would like to do something fancier in the future. The schematics are rendered using code I wrote specifically for this article, but I am planning to publish it as an open source library so others can use it. It needs a little bit more polishing before it's ready, though! You can follow me on Twitter if you wanna get updates about it.
I wish there was an easy way to embed a KiCad layout to a webpage in a zoomable format for design reviews. One way is to export an SVG file and show it on the web, but in my experience this starts to choke on large boards.
This website has a cool implementation of a KiCad web viewer:
That one seems a bit cumbersome. Drawing schematics and drawing layouts have much different hurdles in terms of performance, it would definitely be a fun challenge. :)
I'm blown away by the awesome inline KiCad visualizations. Did you use any tooling for capturing the layout view so the layers could be overlapped so easily?
Any thoughts on making a library for this so others can build sites as beautiful as yours? It'd be a great tool for sure. As noted elsewhere in the comments, your documentation is top notch.
Thanks!