arl / statsviz

🚀 Visualise your Go program runtime metrics in real time in the browser
MIT License
3.21k stars 121 forks source link

[ui] Improve the scale of the Y axis of sizeClasses heatmap #71

Closed arl closed 2 years ago

arl commented 2 years ago

We're currently using a linear Y axis, which makes low size classes difficulty visible, if not hidden.

linear (default):

image

log 10

Switching to a log 10 axis improves that, but makes the highest size classes barely visible. image

log 10 axis is obtained by setting the axis type to log in Plotly.

layout: {
    yaxis: {
        title: 'size classes',
        type: 'log', 
    },
},

log 2 ?

Using log 2 could help, but would require manual tick creation (see this plotly issue).

equal heights?

Another possibility is to give each bucket the same height, independently of the actual size class it represents. Doc

arl commented 2 years ago

Fixed in #75