Viewing a saved revision (read-only)
f93c343bdd094e6d974cf4fbbf6dacf5
Visual Editor PoC
This example demonstrates a proof-of-concept visual editor for interactive scatter plot configuration, displaying the Iris dataset with adjustable point radius via a slider widget. The visualization uses D3 v7 scales and axes for rendering, with d3-rosetta managing unidirectional data flow between state and DOM updates. Config parameters like margins, colors, and labels are loaded from JSON and can be modified through postMessage events.
AI-generated description#em Interactive Scatter Plot
This application visualizes the Iris dataset as an interactive scatter plot using D3.js and the d3-rosetta library for unidirectional data flow.
Configuration
All configurable settings are stored in config.js, including:
- Data visualization settings (axes, margins, labels)
- Visual styles (colors, sizes, fonts)
- Data source URL
To customize the visualization, modify the values in config.js