JSON — один из самых популярных текстовых форматов для обмена данными. Куда не глянь, везде применяется JSON и на это есть множество причин. Он простой, родной для веба и достаточно хорошо читается.
Сегодня хочу рассказать вам про интересный инструмент для визуализации JSON. О нём узнал совершенно случайно. Весной готовили очередной сезон конференции «Podlodka TechLead Crew» и на прогоне доклада увидел у спикера красивый слайд с графом, построенным на основе JSON.
Оказалось, что эту красоту делают с помощью инструмента JSON Crack. Он позволяет мгновенно построить граф и визуализировать любой JSON. Огромный плюс, что он работает прямо в браузере. Вы просто вставляете JSON в редактор и через мгновение получаете красивый граф.
Главная задача JSON Crack — помочь разработчику разобраться в структуре JSON. Это другой уровень, нежели банальная подсветка синтаксиса в редакторе. Граф упрощает восприятие JSON и отлично визуализирует структуру. Особенно он полезен, когда необходимо обсудить структуру JSON с кем-то из коллег.
JSON Crack доступен в виде расширения для VS Code. Устанавливаем и получаем возможность визуализировать JSON прямо в редакторе. А ещё его можно развернуть локально — исходники и Dockerfile доступны в репозитории проекта.