fossasia / visdom

A flexible tool for creating, organizing, and sharing visualizations of live, rich data. Supports Torch and Numpy.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Realtime updating cause panel to flicker

shouldsee opened this issue · comments

Bug Description
In browser the heatmap flickers if updated regularly.

Reproduction Steps

  1. Start a visdom server
  2. setup a thread to regularly push heatmap to the same window
  3. watch the heatmap flicker in the firefox browser

Screenshots

visdom-bug-2023-02-03_18.53.18.mp4

Server logs:
visdom==0.2.3

Hi @shouldsee, thanks for pointing this bug out. 👍

I am generally all in for a smoother UI & fixing this bug is actually quite easy.
(See upcoming PR).

Best,
da-h

Hi @shouldsee, thanks for pointing this bug out. +1

I am generally all in for a smoother UI & fixing this bug is actually quite easy. (See upcoming PR).

Best, da-h

WoW looks cool, Thanks for the quick reply! Gonna try it soon :D

Hi @shouldsee, thanks for pointing this bug out. +1

I am generally all in for a smoother UI & fixing this bug is actually quite easy. (See upcoming PR).

Best, da-h

Update:

I managed to edit 0.2.3 minified main.js manually... lol much faster than trying to yarn build

file replaced at /root/anaconda3/lib/python3.7/site-packages/visdom/static/js/main.js and the feature enabled

main.js.txt


Hi i was trying to manually build and replace main.js. Is there a quick way to setup the webpack/yarn environment? I am behind a
socks proxy and the yarn install/build fails me dreadfully....

update: i made the plotly.react change to main.js, the flickering is much reduced but still exists in some of the plots and not the others.

What do you think might be the reason?

Hey,

i sure would like to look into this. 💪

Which plots are affected and which are not?
Could you please provide a minimal example that I can directly run?

One idea would be to try https://github.com/plotly/react-plotly.js in a future release of visdom.

Best,
da-h

I am not sure what's the quickest way to prepare a reproducible example basically I'm updating around 5 heatmaps each of size 20*500 . Switch to plotly.react instead of plotly.newPlot definitely reduced the flickering, but it seems to persist...

currently look

visdom-bug-2-2023-02-08_15.55.02.mp4