DrawingWeb
Think in shapes.
Build in connections.
Turn ideas and application data into editable diagrams with shared selection, transactional history and two-way binding.
Data-bound diagram models
Canvas edits, property changes and bound data work against the same engine. Move a shape and the data can follow it back.
Drawing, connectors & layout
Create a DiagramEngine and a measurable host, then attach a DrawingControl. Bind records with ObservableTable and DiagramBinding when needed.
Transactional undo & redo
Dispose bindings, controls, tables and owned engines. A control does not dispose an engine that it borrowed.
NOT A SCREENSHOT
Get a feel for it.
Preparing DrawingWeb
The playground loads when it comes into view.
A SMALL FIRST STEP
One model, every interaction.
Canvas edits, property changes and bound data work against the same engine. Move a shape and the data can follow it back.
Read the usage guidenpm install @wieslawsoltes/drawingweb@0.1.0-alpha.1Pinned to the published package used in this showcase. No unpublished features implied.