Skip to content
Benchmark visualization made simple

UI Overview

Vizb generates a single self-contained HTML file with a Vue.js-powered interactive UI. No server needed — open the file in any browser.

Chart Types

Section titled “Chart Types”

Vizb supports three chart types, all rendered in a single view:

Bar Chart

Default chart type. Compare values across categories. Supports linear and logarithmic scale.

Line Chart

Track trends across X-axis values. Best for sequential data like input sizes or concurrency levels.

Pie Chart

Show proportional distribution. Useful for comparing relative sizes of benchmark results.

Control which charts appear with --charts:

Terminal window
vizb bench.txt -c bar,line -o output.html

Scale Options

Section titled “Scale Options”

Toggle between linear and logarithmic Y-axis scale:

Terminal window
# Linear (default)
vizb bench.txt -o output.html


# Logarithmic — better for high-variance data
vizb bench.txt --scale log -o output.html

JPEG Export

Section titled “JPEG Export”

Export any chart as a JPEG image directly from the UI. Click the export button on any chart to download.

Single-File Output

Section titled “Single-File Output”

The generated HTML is fully self-contained:

  • Vue.js app embedded inline
  • Chart data embedded as JSON
  • No external dependencies or network requests
  • Works offline

Open with any browser — no build step, no server.

Next Steps

Section titled “Next Steps”