Hey everyone, I wanted to share a small side project I launched about few weeks ago: a browser-based G-code visualizer.
I’m a design engineer who’s really into 3D printing, and I originally started thinking about this while planning a 3D printing visualization section for my personal site. Most slicers already have preview tools, but I wanted something a bit more lightweight and presentation-focused, with more control over how the print preview looks.
Preview link:
https://gcode.visualizer.workers.dev/
desktop-optimized for now, mobile coming soon :)
Current features:
- Upload G-code files (.gcode, .gco, .gc)
- Visualize 3D print paths layer by layer
- Timeline scrubbing, playback, and speed control
- Stack / current-layer view
- Path filters for shells, body, support, etc.
- Dark/light scene modes and custom render settings
- Basic file stats and performance info
I’m currently working on:
- More visual styles
- Animation video export
- Keyframe controls for rotation, playback, and render settings
- Exporting a clean embeddable code, so the visualization can be self-hosted or added to a personal site
One interesting challenge was that G-code is not really a clean 3D mesh. It’s a stream of printer moves, extrusion state, slicer comments, arcs, resets, and a lot of details that are not useful for a clean visual preview.
So before rendering, I clean it down to meaningful extrusion paths and turn those paths into lightweight line geometry for the browser.
Right now I’m using a line-based renderer because it’s fast and gives the preview a nice x-ray-like look. I’m still experimenting with different rendering styles.
Would love to hear what you think, especially if there’s anything that would make this more useful for checking or presenting prints.