JSON iGraph
← Home

JSON Diff

RFC 8259In-browser onlyPaste or upload JSON to compare
0 / 0
Ln 1, Col 10 lines · 0 bytes
Ln 1, Col 10 lines · 0 bytes
TIP:Compare two JSON documents with side-by-side visual split diff — 100% in-browser.
01-03 Guide

How to compare JSON in 3 steps

Compare schemas, spot regressions, inspect deltas, and verify data equivalence with side-by-side visual precision.

    payloads.jsonLeft vs Right
    Original:
    { "v": "1.0" }
    Modified:
    { "v": "2.0" }
    Paste, upload, or editREADY
    01

    Input JSON documents

    Paste, upload, or type JSON payloads into the left (Original) and right (Modified) editor panes.

    diff-settingsRFC 8259
    Split line diff✓ Active
    Ignore whitespaceOptional
    Difference navigationPrev / Next
    02

    Inspect visual split diff

    Inspect differences side-by-side with synchronized Split Diff, difference navigation, and intra-line highlights.

    diff-deltasVisual Highlights
    - "status": "pending"
    + "status": "active"
    Export patchCopy or Download
    03

    Inspect and export

    Toggle Ignore Whitespace if needed, swap payloads, or copy and download the unified diff patch.

Why JSON iGraph Diff

Engineered for developers & precision

Intra-line word highlights

Beyond line-level additions and removals, granular token segmentation pinpoints the exact characters, keys, and values altered.

100% private in-browser

Diffing runs locally on your client device. Your JSON is never uploaded, so confidential data and API keys never leave it.

Synchronized split diff

Dual scroll-locked panes with Prev/Next difference jumping, centered instant swap (⇄), and high-contrast color markers.

1-click syntax auto-repair

Invalid JSON syntax? Auto-Fix strips trailing commas, comments, and unquoted keys so you can compare without manual debugging.

Technical Deep Dive

Precision diffing with Myers SES algorithm

Standard text diff algorithms treat code as raw sequential strings. In JSON documents, unformatted whitespace, arbitrary indentation, or minified text routinely obscures true data changes.

JSON iGraph executes a deterministic Visual Split Diff powered by Eugene Myers' Shortest Edit Script (SES) algorithm, combined with automatic RFC 8259 indentation and intra-line token segmentation. You can step through each change with Prev/Next buttons, toggle whitespace sensitivity, and instantly invert comparison payloads with the centered Swap button.

Line & Token Delta ResolutionMyers SES Diff
Original (Line 3)- "status": "pending"
Modified (Line 3)+ "status": "active"
Engine Specifications

Comparison Standards

Deterministic algorithm specifications and format standards.

  • ✓Myers Shortest Edit Script (SES) algorithm
  • ✓RFC 8259 and ECMA-404 AST validation
  • ✓Sequential diff navigation with Prev and Next jumping
  • ✓Centered instant payload swapping (⇄) with tactile physics
  • ✓Word and token intra-line difference highlighting
  • ✓Synchronized two-way scroll lock mechanics
RFC 8259 & Myers LCS100% IN-BROWSER

Zero data retention. Compare schemas, configs, or payloads with total confidentiality.

Answers

Frequently asked questions

Everything you need to know about comparing JSON documents, key ordering, and privacy.

How does the side-by-side visual split diff work?
JSON iGraph provides a synchronized dual-pane visual split diff powered by Myers Shortest Edit Script algorithm. Matching lines remain aligned across both panes, while additions, deletions, and modifications are highlighted with high-contrast color markers and intra-line word-level highlights.
Why does key ordering matter in JSON comparisons?
In visual line-by-line diffing, key ordering reflects the raw serialization structure of your JSON documents. If two JSON payloads have matching keys but in different order, the side-by-side view displays where keys moved or differ in structure. Automatic formatting ensures clean, readable indentation across both documents.
Are my JSON payloads uploaded or sent to any server?
Never. All JSON parsing, formatting, validation, and diff computations run 100% in your local browser sandbox. No data is ever uploaded, logged, or transmitted across a network, making it completely safe for confidential configs and API keys.
Can I swap the original and modified JSON documents?
Yes! Click the centered Swap button (⇄) located in between the two editor panes. It instantly swaps both JSON documents with a snappy tactile animation, updating the diff calculations and difference counters in real time.
How do I navigate between differences with Prev and Next?
Use the Prev and Next difference buttons in the toolbar to jump sequentially between each difference. The counter badge displays your current position (e.g. 1 / 3) and automatically scrolls the diff panes to keep the active change in view.
What happens if my JSON has syntax errors like trailing commas or single quotes?
If either JSON document fails strict RFC 8259 validation, an error banner with the exact line and column pointer will appear. You can click ⚡ Auto-Fix Syntax in the editor to immediately repair trailing commas, unquoted keys, single quotes, and comments into valid JSON.

Related tools

More browser-based JSON utilities

Graph Visualizer — Live

Stop reading raw brackets. Start seeing connections.

Paste the same JSON into the graph and see it as connected nodes you can search, fold and export — completely free and in-browser.

Open JSON Graph →Back to Diff ↑
GRAPH SCHEMA PREVIEWINTERACTIVE
Root: Object→Deltas
Offline-first Web Worker graph calculation engine