InteractiveHtmlBom VS svg-pan-zoom

Or if you are hand assembling I like using ibom HTML. https://github.com/openscopeproject/InteractiveHtmlBom

There are some really good plugins for KiCAD. For example, I use this BOM visualizer for the PCBA process.

including (or excluding! they can be useful, but are less so when populating with ibom(honestly forgot this wasn't part of kicad. defo use this), can be rather cluttered, and there's just something sexy professional about leaving them off imo) reference designators.

The InteractiveHtmlBom plugin is amazing.

Check this out! It’s not quite what you’re asking for but I bet it’ll solve your problem

Thank you very much for the feedback! I indeed had this project in mind while doing it https://github.com/openscopeproject/InteractiveHtmlBom

This is awesome! I have been wanting to build something like this for ages. Could the processing be done using a Gitlab / GitHub pipeline and and then host the results as a static site? This is what I do now with interactive HTML bom and it's a really nice workflow. Just commit and everything is generated.

Am I correct ? Is there an other/better way ? Can I do it with React or do you recommand something else ? Is there a js library to manage the zoom in/zoom out (I found "svg-pan-zoom" but do you guys know something more efficient/modern) ?

came across this library: https://github.com/bumbu/svg-pan-zoom

Second, zooming scales the headers and HTML sidebar, but not the schematic image. I compulsively CTRL+Scrollwheel to zoom in and out of web pages and schematics, but the image here stays the same size. Ideally, the opposite would happen, or at least they'd be independent. There's a nice SVG zoom library at https://github.com/bumbu/svg-pan-zoom, example: https://bumbu.me/svg-pan-zoom/demo/inline.html.

For this kind of interactivity you'll need JavaScript. From a quick search, this library seems to do what you want.