JavaScript is required

Node Examples Overview

This group focuses on how nodes are presented and branded in relation-graph.

  • Build custom node bodies with slots, cards, icons, and mixed media content.
  • Compare JSON-level styling, CSS skinning, checked-state visuals, and hand-drawn style variants.
  • Reuse supporting viewer utilities such as minimap, runtime canvas settings, and image export.

Use this group when you need to decide how node information should look, read, and behave in real projects.

Node
Basic Custom Node and Minimap
Basic Custom Node and Minimap
Node Styling Techniques
Node Styling Techniques
Switchable Node Slot Templates
Switchable Node Slot Templates
Slot-Based Node Content and Styles
Slot-Based Node Content and Styles
Node CSS Skin and Checked State
Node CSS Skin and Checked State
Force Layout Icon Button Nodes
Force Layout Icon Button Nodes
Glowing Icon Node Tree Style
Glowing Icon Node Tree Style
Gradient Line Graph Editor
Gradient Line Graph Editor VIP
Graph Hand-Drawn Style Switcher
Graph Hand-Drawn Style Switcher
AI Model Workflow Graph
AI Model Workflow Graph VIP