Online 10xdev Designer

Quick Guide

• 1
  Write DOT Code

  Type valid DOT syntax in the editor. The preview updates automatically.

• 2
  Style with UI

  Use the right sidebar to change fonts, colors, and node shapes globally without writing code.

• 3
  Artboard & Export

  Choose "Canvas Format" (e.g., 9:16 for Stories). Pan/Zoom to position graph, then click PNG to export exactly what you see.