Визуализатор JSON Path

Показывает JSON или JSONL в виде раскрывающегося дерева и позволяет копировать JSONPath для каждого узла

Вставьте JSON или JSON Lines либо загрузите файл, чтобы просматривать вложенные структуры как в проводнике. Можно искать поля, раскрывать массивы и объекты, копировать точные пути вроде $.store.book[0].title и экспортировать весь список путей в CSV.

Примеры результатов

1 Примеры

Изучить вложенный store payload и копировать JSONPath пути

Дерево помогает понять массивы, объекты и точные пути перед написанием тестов и преобразований.

JSON Path Visualizer report with 16 total paths, 3 visible matches, copied path actions, and CSV export.
Показать параметры ввода
{ "jsonInput": "{\n \"store\": {\n \"book\": [\n { \"title\": \"Clean Code\", \"price\": 32, \"authors\": [\"Robert C. Martin\"] },\n { \"title\": \"The Pragmatic Programmer\", \"price\": 28, \"authors\": [\"Andrew Hunt\", \"David Thomas\"] }\n ],\n \"bicycle\": { \"color\": \"red\", \"price\": 99.95 }\n }\n}", "jsonFile": "", "inputFormat": "auto", "searchTerm": "price", "expandDepth": 3, "includeValuesPreview": true, "exportAllPathsAsCsv": true }

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: .json, .jsonl, application/json, text/plain

Ключевые факты

Категория
Разработка и Web
Типы входных данных
textarea, file, select, text, number, checkbox
Тип результата
html
Покрытие примерами
4
API доступен
Yes

Обзор

Визуализатор JSON Path — это удобный инструмент для разработчиков, аналитиков и тестировщиков, который преобразует сложные данные JSON или JSON Lines в интерактивное дерево. С его помощью вы можете легко перемещаться по вложенным массивам и объектам, искать нужные ключи, копировать точные пути (например, $.store.book[0].title) и экспортировать полный список путей в формате CSV для документации или настройки интеграций.

Когда использовать

  • •Когда нужно быстро найти и скопировать точный JSONPath для настройки парсинга данных или написания автотестов.
  • •При анализе объемных ответов API с глубокой вложенностью объектов и массивов.
  • •Для подготовки документации по структуре данных с помощью выгрузки всех существующих путей в CSV-файл.

Как это работает

  • •Вставьте текст в формате JSON/JSONL или загрузите файл с данными.
  • •Настройте глубину раскрытия дерева и введите поисковый запрос для быстрой фильтрации узлов.
  • •Просматривайте структуру в виде удобного дерева с предпросмотром значений.
  • •Кликайте на нужные узлы для копирования их JSONPath или скачайте весь список путей в CSV.

Сценарии использования

Написание выражений JSONPath для извлечения данных в инструментах тестирования (Postman, JMeter).
Исследование структуры неизвестных API-ответов или серверных логов в формате JSONL.
Создание таблиц маппинга полей (data mapping) для интеграции систем с помощью CSV-экспорта.

Примеры

1. Извлечение путей из ответа API магазина

QA-инженер
Контекст
Для написания автотестов в Postman нужно проверять цены конкретных книг в ответе API.
Проблема
Ручной поиск правильного индекса массива и пути к полю price занимает много времени и часто приводит к опечаткам.
Как использовать
Вставить JSON-ответ в поле ввода, ввести «price» в строку поиска и кликнуть на нужный узел в дереве.
Пример конфигурации
Глубина раскрытия: 3, Поисковый запрос: price
Результат
Мгновенно скопирован точный путь $.store.book[1].price для использования в тестовом скрипте.

2. Документирование структуры данных

Системный аналитик
Контекст
Аналитику нужно составить техническое задание на интеграцию, описав все поля, которые приходят от стороннего сервиса.
Проблема
JSON-файл содержит сотни вложенных полей, переписывать их вручную в таблицу неэффективно и долго.
Как использовать
Загрузить .json файл, включить опцию «Экспортировать все пути в CSV» и получить готовую таблицу.
Пример конфигурации
Формат ввода: Авто, Экспортировать все пути в CSV: включено
Результат
Получен CSV-файл со всеми абсолютными путями (JSONPath) и примерами значений, готовый для вставки в документацию.

Проверить на примерах

json, csv, text
Примеры JSON чата
Примеры JSON для чат-транскриптов с несколькими ролями
title token json
json, text
Примеры JSON для Rich Text
Примеры JSON для редакторов rich text (TipTap, Quill, Slate)
title token json
json, text
Примеры Анализа Логов ELK Stack
Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
preferred input family json,text
json, text
Примеры JWT
Полные примеры JWT от базовой структуры токенов до продвинутых реализаций безопасности
preferred input family json,text
json, text

Связанные хабы

Инструменты Json
Изучите 47 инструментов json для сценариев utility и быстро сравните близкие утилиты.
Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Text для Convert
Изучите 80 инструментов text для сценариев convert и быстро сравните близкие утилиты.
Инструменты Csv для Convert
Изучите 38 инструментов csv для сценариев convert и быстро сравните близкие утилиты.

FAQ

Поддерживает ли инструмент формат JSON Lines (JSONL)?

Да, вы можете вставить текст или загрузить файл в формате JSONL. Инструмент автоматически распознает его, либо вы можете выбрать формат вручную в настройках.

Как скопировать путь к конкретному элементу?

Просто найдите нужный узел в дереве и кликните по нему. Точный JSONPath (например, $.items[0].id) будет автоматически скопирован в буфер обмена.

Можно ли искать по ключам?

Да, используйте поле «Поисковый запрос» для фильтрации дерева по названиям ключей или фрагментам путей.

Что делает функция экспорта в CSV?

Она собирает все возможные пути (JSONPath) из вашего JSON-файла и сохраняет их в виде таблицы. Это очень удобно для маппинга данных и составления технических заданий.

Есть ли ограничения на глубину вложенности при просмотре?

Вы можете настроить начальную глубину раскрытия дерева (от 0 до 8 уровней) для удобной навигации по очень большим файлам, чтобы не перегружать интерфейс.

Документация API

Конечная точка запроса

POST /ru/api/tools/json-path-visualizer

Параметры запроса

Имя параметра Тип Обязательно Описание
jsonInput textarea Нет -
jsonFile file (Требуется загрузка) Нет -
inputFormat select Нет -
searchTerm text Нет -
expandDepth number Нет -
includeValuesPreview checkbox Нет -
exportAllPathsAsCsv checkbox Нет -

Параметры типа файл должны быть загружены сначала через POST /upload/json-path-visualizer для получения filePath, затем filePath должен быть передан в соответствующее поле файла.

Формат ответа

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-json-path-visualizer": {
      "name": "json-path-visualizer",
      "description": "Показывает JSON или JSONL в виде раскрывающегося дерева и позволяет копировать JSONPath для каждого узла",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=json-path-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Поддерживает ссылки на файлы URL или кодирование Base64 для параметров файла.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]