Enable Live-Edits of any Property of any Plot

[da-h]

Description

Adding possibility to change all available plotpanes (e.g. axis-limits) on-the-fly.
The feature added can be most easily explained by the short video added below.

Motivation and Context

Pretty often I find myself restarting a script because a specific setting of a plot cannot be adapted easily in visdom.
This feature tries to solve this by adding the option to edit all pane.content variables on-the-fly.

Some more details on the implementation:

• to make it easier to add this feature, i have reused functionality of PropertiesPane by adding a AbstractPropertiesList Component.
• The PropertyList is added to the general Pane. I see that one could argue for a more specific implementation, possibly addit it only to PlotPane or so, but I felt that this feature could be expanded to a more general feature, usable by other types of panes as well.
• To enable this feature on a per-Pane-object basis i have added the option enablePropertyList, and PlotPane is using it to enable the feature in all plots.
• All simple data (boolean, ints, strings, and nested simple data) are shown in the list when clicking the new editParameters-Button in the top-right corner of every plot. The button turns red when enabled and closes the window again when pressed a second time.

How Has This Been Tested?

I have to admit that I have tried some, but not all parameters used in demo.py.

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
  -> This is just a proposal for a place to mention this feature. I have used the previous video and placed it in the README.md where it fitted best in my opinion. AFAIK upload from PRs cannot be removed and will be accessible even after closing the PR.
• For JavaScript changes, I have re-generated the minified JavaScript code.

[JackUrb]

This PR is really cool! As with all cool features at this scale though, I have a few questions/concerns to discuss before moving forward with it. Overall I think the choice to reuse the properties list was really clever, but there's a little work to be done for proper state/props management here. (I think in some ways you're being held back by the component-style react that Visdom has been built on, as it can make state maintenance harder to follow, and updates less clear.) In any case we can start the discussion primarily around the direct changes to props.content in Pane.js.

[da-h]

One additional thing:

• the last change switched the properties list to be shown inside the pane (overflow-y: scroll), instead of overlapping the lower border. I found this fits the current project state better and also is needed as in the multiple-windows-case, some windows could overlap the open list of another window.

[da-h]

Final Note:

• I found some minor bugs due to missing integrity tests of the objects to create property lists from. I have added some minor checks before passing the objects to AbstractPropertiesList in the last push.

[JackUrb]

Thanks for the fixes, and for the overall feature here! This is a really cool addition to Visdom and I'm sure it'll see use 👍