Views & Modes

Switch between Table, Tree, JSON, and Schema views to explore your data.

Overview

Stackpane provides four distinct view modes for exploring your data. Each mode is optimized for a different task. Switch between them using the view mode picker in the data table toolbar. View modes work across all providers — Firestore documents, PostgreSQL rows, and DynamoDB items.

Table View

The default view displays documents as rows in a sortable table. Columns are auto-generated from document fields.

  • Sorting — click column headers to sort ascending or descending
  • Column visibility — toggle which fields appear as columns
  • Selection mode — enable checkboxes for multi-select and bulk operations
  • Inline display — scalar values are shown directly; maps and arrays show a summary badge

Table view is best for browsing large collections, comparing documents side by side, and performing bulk operations.

Tree View

Tree view renders each document as an expandable, hierarchical tree structure.

  • Maps and arrays appear as collapsible nodes
  • Scalar values are editable inline with type-appropriate editors
  • Edit lifecycle — click Edit to modify values, then Save or Cancel
  • Nested navigation — expand deeply nested structures without losing context

Tree view is best for exploring documents with complex nested structures, such as deeply nested maps or arrays of objects.

JSON View

JSON view displays the raw document data as formatted JSON with syntax highlighting.

  • Read mode — pretty-printed JSON with color-coded syntax
  • Edit mode — a text editor for raw JSON editing
  • Validation — JSON is validated on save; errors are shown inline
  • Full document update — saving in JSON view replaces the entire document

JSON view is best for developers who prefer working with raw data, quick copy-paste operations, and making bulk field changes in a single edit.

Schema View

Schema view aggregates field information across all loaded documents to show the structure of your collection.

  • Field paths — every unique field path found across documents
  • Type badges — color-coded badges showing the data type of each field
  • Frequency — percentage of documents containing each field
  • Document count — number of documents with each field
  • Sample values — example values for each field
  • Mixed types — fields with inconsistent types are flagged with a warning

Analyzing Data

  • Analyze Loaded — instantly analyze the currently loaded documents (no API calls)
  • Scan All — paginate through the entire collection for a complete analysis

Below the schema table, you will find:

  • Type distribution chart — a visual breakdown of data types across all fields
  • Field usage statistics — per-field metrics including presence rate, dominant type, null percentage, and type consistency

Schema view is best for understanding data shape before migrations, identifying inconsistencies, and documenting collection structures.