Compare & Diff

Compare two JSON documents and visualize their differences.

Overview

Pandia's diff feature allows you to compare two JSON documents side-by-side or in a unified view. Differences are highlighted with clear visual indicators for additions, deletions, and modifications.

Added

New keys or values

Removed

Deleted keys or values

Modified

Changed values

View Modes

Side-by-Side View

View the original and modified JSON documents in parallel panels. Changes are highlighted on their respective sides, making it easy to see exactly what changed and where.

  • - Left panel shows the original (source) document
  • - Right panel shows the modified (target) document
  • - Line numbers are synchronized for easy navigation

Unified View

View all changes in a single panel with additions and deletions shown inline. Similar to a Git diff, this view shows removed lines prefixed with "-" and added lines prefixed with "+".

  • - Compact view for reviewing changes
  • - Context lines shown for reference
  • - Easy to copy and share diff output

How to Compare

  1. 1

    Open Compare Mode

    Click the "Compare" button in the toolbar or use the keyboard shortcut Cmd/Ctrl + D

  2. 2

    Load Your Documents

    Paste or load JSON into both the left (original) and right (modified) panels. You can also drag and drop files directly.

  3. 3

    Review Differences

    Differences are automatically calculated and highlighted. Use the navigation buttons to jump between changes.

Diff Statistics

The compare view shows statistics about the differences between your documents:

  • Added: Number of new properties or array items
  • Removed: Number of deleted properties or array items
  • Modified: Number of changed values

Features

  • Semantic Comparison - Compares JSON structure, not just text. Order-independent object comparison.
  • Array Detection - Intelligently detects moved items in arrays and shows them as modifications rather than delete/add pairs.
  • Character-level Highlighting - For modified values, highlights the specific characters that changed.
  • Path Navigation - Click on any difference to see its full JSON path.
Previous: JSON Editor Next: Import Formats