Navigation

Flow Diagram Component

Explore data hierarchies through an interactive visual explorer.

Last updated:

The Flow Diagram Component provides a high-level visual representation of your JSON data's structure and relationships.

✨ Features

  • Interactive Canvas: Zoom, pan, and drag nodes to explore complex data trees.
  • Node-Link Visualization: Every key-value pair is represented as a node, with edges showing the nesting hierarchy.
  • Search & Highlight: Quickly find specific keys or values within the graph.
  • Fullscreen Mode: Expand the diagram to fill the screen for deep exploration sessions.

🛠️ Use Case

Use the Flow Diagram when you receive a large, unfamiliar JSON payload from an API and need to understand its structure before building transformation logic.


🚀 Pro Tip

This component is ideal for identifying the correct "Field Paths" to use in Filter or Sort nodes.