URL shortener architecture

Change the layout. Explore the connections.

ArrangementFlow directionConnections

Node gap42pxLayer gap76pxCorner radius10pxNode width136pxNode height54pxCanvas padding54px

Node entranceEntrance animationSpawn gap140ms

Node shapeColor styleDot gridArrow markersEdge labelsAuto fit

Pan canvasWheel zoomSelect nodesDrag nodes

React diagrams, automatic layout, precise connections.

React Arch Diagrams · Open source, under the MIT license.