DataGlass — JSON Viewer & Editor

Open any JSON URL and get an interactive table, tree, diagram, and editor — no copy-paste, no external tools.

Open a JSON URL. DataGlass replaces Chrome's raw viewer with a full interactive data studio — instantly, without leaving the tab. ➤ How it works Navigate to any JSON URL or API endpoint. DataGlass detects data automatically and overlays a clean UI. Explore your variables in 4 modes — switch between them in one click. ➤ Table View — for structured data — Virtualized grid handles 100,000+ rows without lag — Sort by any column, filter across all cells instantly — Expand nested objects and arrays inline — Export to CSV or generate a TypeScript interface in one click — Sticky first column keeps context while scrolling horizontally ➤ Tree Canvas — for nested structures — Pan and zoom through deep hierarchies without losing context — Smart value detection: colors render as swatches, image URLs as thumbnails, ISO dates as readable strings, base64 as preview badges — Double-click any primitive to edit the value directly — Breadcrumb navigation tracks your position in the tree ➤ Diagrams — for visual schema — Auto-generate a mind map or flowchart from your data — Visualize structure and relationships in seconds — Pan, zoom, and export as SVG ➤ Code Editor — for quick formatting — Syntax highlighting, live parse validation, and line numbers — Format and beautify files with one click or Ctrl+Shift+F — Apply edits back to all 4 views simultaneously — Changes persist per URL via Chrome storage ➤ Query & Filter — JSONPath Plus query bar filters all views at once — 300ms debounce + LRU cache for instant repeated queries — Red border indicator on invalid syntax ➤ Export options — Save as JSON, CSV, YAML, Python dict, or cURL snippet — TypeScript interface generated from your data schema ➤ Theming — 4 built-in presets: Default, Ocean, Sunset, Purple — Full custom theme editor: accent, background, text, borders — Separate dark and light mode themes ➤ Privacy & Performance — Zero data leaves your browser — no accounts, no cloud sync — Shadow DOM isolation: extension never interferes with host page styles — All processing happens locally in your tab ➤ Built for Backend developers, frontend engineers, QA testers, data analysts, DevOps teams, and anyone looking for a powerful JSON explorer, formatter, and visualizer to work with REST APIs, GraphQL responses, or raw files every day.