MeghaOS Docs

A force-directed graph of nodes and edges — good for showing relationships and architectures.

type · node_graph

A visual explainer the agent uses for 'how does X work' answers.

How to use it

Just ask for it in chat — the agent emits this widget and the shell renders it:

Try saying

“graph how these microservices connect”

Example

The agent returns this A2UI component (inside the components array of a /chat response):

{
  "type": "node_graph",
  "title": "Services",
  "nodes": [
    {
      "id": "api",
      "label": "API"
    },
    {
      "id": "db",
      "label": "DB"
    }
  ],
  "edges": [
    {
      "from": "api",
      "to": "db"
    }
  ]
}

Properties

Prop	Type	Description
`title`	string	Graph title
`height`	number	Height
`nodes`	{id,label,color,size}[]	Nodes
`edges`	{from,to}[]	Edges

Browse the full Widget Index, the Widget Catalog, or learn the A2UI system behind it.