I rewrote the UI in Vue.js for Go benchmark visualization (original) (raw)

November 23, 2025, 11:09am 1

Hey everyone,

I’ve been working on Vizb, a CLI tool that turns your Go benchmark output into interactive HTML charts, and I just released v0.5.0.

The main goal of this update was to move away from static HTML templates. I rewrote the entire frontend using Vue.js, so the charts are now much more responsive and interactive.

One thing I really focused on is portability. Even with the new Vue.js UI, the output remains a single, self-contained HTML file. This makes it super easy to share with your team or deploy to a static host like this.

This release also brings some cool features:

• Merge Command: Combine multiple benchmark JSON files into a single comparison view (great for spotting regressions).
• Better Visualization: You can now toggle between Bar, Line, and Pie charts and sort the data (asc/desc) directly in the UI.

If you find yourself staring at go test -bench output often, give it a try.

Quick Start:

    go install github.com/goptics/vizb
    
    # Run benchmarks and visualize immediately
    go test -bench . | vizb -o report.html
    
    # Merge multiple benchmark results into one comparison chart
    vizb merge old_run.json new_run.json -o comparison.html

Feedback is welcome!