View Modes

Explore your JSON data using different visualization modes.

Overview

Pandia offers four different ways to view and interact with your JSON data. Switch between modes using the view selector in the toolbar or keyboard shortcuts.

Available Modes

Tree View

Default mode

A hierarchical tree representation of your JSON. Expand and collapse nodes, edit values inline, and see the structure at a glance. Best for exploring nested data.

  • - Click arrows to expand/collapse nodes
  • - Double-click values to edit inline
  • - Right-click for context menu actions
  • - Optimized for large files with lazy rendering

Text View

Code editor mode

Edit JSON as raw text with full syntax highlighting, line numbers, and code folding. Best for making precise edits or copying formatted JSON.

  • - Full syntax highlighting
  • - Line numbers with gutter
  • - Find and replace support
  • - Code folding for sections

Grid View

Table mode

Display arrays of objects as a sortable, filterable table. Best for tabular data like API responses, database exports, or CSV-like structures.

  • - Sortable columns
  • - Resizable column widths
  • - Works with arrays of objects
  • - Nested objects shown as expandable cells
Note: Grid view requires JSON data to be an array of objects or an object with properties.

Graph View

Visual diagram mode

An interactive node-based diagram where each JSON element becomes a visual node. Pan, zoom, and navigate through your data visually.

  • - Interactive pan and zoom
  • - Color-coded node types
  • - Collapsible nested structures
  • - Export as PNG or SVG image

Graph View Node Types

Objects
Arrays
Strings
Numbers
Booleans
Null

Switching Views

Use the view selector in the toolbar or keyboard shortcuts to switch between modes:

View Shortcut
Tree View Cmd/Ctrl + 1
Text View Cmd/Ctrl + 2
Grid View Cmd/Ctrl + 3
Graph View Cmd/Ctrl + 4

Large File Handling

For files larger than 1MB, some view modes are automatically disabled for performance:

  • Tree View - Available (uses lazy rendering)
  • Text View - May be slow
  • Grid View - Disabled for large files
  • Graph View - Disabled for large files
Previous: Quick Start Next: JSON Editor