class

Class model sketch

A small class diagram linking an Editor to a Diagram type with a render method.

classDiagram
  class Editor {
    +String source
    +debounceRender()
    +exportSvg()
  }
  class Diagram {
    +String id
    +render() SVG
  }
  class Exporter {
    +toPng()
    +toClipboard()
  }
  Editor --> Diagram : owns
  Editor --> Exporter : uses

classDiagram
  class Editor {
    +String source
    +debounceRender()
    +exportSvg()
  }
  class Diagram {
    +String id
    +render() SVG
  }
  class Exporter {
    +toPng()
    +toClipboard()
  }
  Editor --> Diagram : owns
  Editor --> Exporter : uses

Scroll to zoom · drag to pan

classDiagram
  class Editor {
    +String source
    +debounceRender()
    +exportSvg()
  }
  class Diagram {
    +String id
    +render() SVG
  }
  class Exporter {
    +toPng()
    +toClipboard()
  }
  Editor --> Diagram : owns
  Editor --> Exporter : uses

Keep class sketches small enough to fit on one screen. Add fields only when they clarify the design conversation.