Public Inputs

• BackgroundColor (Text) — Scene background color
• GridColor (Text) — Grid line color
• LabelColor (Text) — Node label color
• RotationSpeed (Decimal, 0–2) — Auto-rotation speed (0 = off)
• CameraDistance (Integer, 400–1500) — Camera distance from center
• ZoomLevel (Decimal, 0.3–3) — Scene zoom factor
• NodeSize (Integer, 2–15) — Node sphere size
• LabelSize (Integer, 8–20) — Label font size
• ShowGrid (Boolean) — Toggle grid
• ShowLabels (Boolean) — Toggle labels
• AutoRotate (Boolean) — Toggle auto-rotation
• GraphData (Text/Structure) — Serialized nodes + edges

UI Behavior

• Sliders update visual parameters
• Checkboxes toggle visual options
• Reset to Default resets all settings and re-renders
• Randomize Data replaces graph data and re-renders

Usage in OutSystems

1. Place the visualizer block on a screen
2. Bind inputs to local variables
3. Provide graph data (JSON or structure)
4. Wire UI controls to refresh or call public actions

Best Practices

• Use demo defaults as baseline
• Keep graph data generation separate from rendering
• Filter large datasets for performance