Visual Editor

[curran]

As a viz author or collaborator (particularly a non-technical collaborator), I want to be able to easily tweak configuration values like colors and numbers with instant feedback, so that it's easier to iterate on tweakable styles and configuration.

Requires support of dynamic configuration in https://github.com/vizhub-core/vizhub/issues/507

Designs by Alec Burch from 2019:

Designs by Sam Vogt from 2020 (showing a view before the visual editor is opened):

Design inspiration from elsewhere:

Mike Bostock's HCL color picker from 2018 (ideally we'll want to have a color picker that lets users tweak hue, luminance, and saturation independently using HCL or maybe CubeHelix)

Repl.it CodeMirror extension with color pickers https://github.com/replit/Codemirror-CSS-color-picker

Tulp Interactive Visual Editor

Flourish configurator

And of course heavily inspired by Bret Victor - Inventing on Principle

Bret Victor's Tangle (also Mike Bostock's Tangle implementation

DataWrapper Editor

Zack Ciminera's Color Schemes And Interpolators Picker

[curran]

Here's a rough prototype https://vizhub.com/curran/4793a473188e4ade8e2c8129c4dd298a