Goal
Component that simulates CSS-Grid layout and animates using Hooke's Law of Spring Motion between layout positions. Grid positions are defined using an enter and exit time.
Simple Example
DomDiagram key="diagram" width= height= rowGap= columnGap= frame= defaultAnimFrames= columns="20fr 20fr 20fr 20fr 20fr 20fr" rows="10fr 10fr 10fr 10fr 10fr 10fr 10fr" TextBoxPrimitive key="Point1" enterFrame= rowStart= columnStart= text="Row 2 Col 1" style=/ TextBoxPrimitive key="Point2" enterFrame= rowStart= columnStart= text="Row 3 Col 1" style= / TextBoxPrimitive key="Point3" enterFrame= rowStart= columnStart= text="Row 4 Col 1" style=//DomDiagram