Бесплатно Онлайн Диаграмма JSON в SVG

Вставьте любой объект или массив JSON — инструмент разберёт его и разложит в дерево структуры слева направо, нарисованное как красочный SVG целиком в вашем браузере. Каждый ключ становится узлом, вложенные объекты и массивы дают ветви, а конечные значения показываются прямо в узле. Скачайте результат как SVG, который можно вставить в документацию или слайды, либо скопируйте исходную разметку. Большие массивы ограничены 40 ветвями и восемью уровнями глубины, чтобы диаграмма оставалась читаемой.

🔒 Локальная обработка 🆓 Бесплатно навсегда ⚡ Мгновенно

Загрузка инструмента…

Как использовать Диаграмма JSON в SVG

  1. Вставьте свой JSON в поле ввода.
  2. Нажмите «Построить диаграмму».
  3. Изучите предпросмотр дерева структуры.
  4. Скачайте SVG или скопируйте разметку.

Вопросы про Диаграмма JSON в SVG

Какие формы JSON поддерживаются?

Любой корректный JSON: объекты, массивы, строки, числа, логические значения и null. Объекты и массивы становятся ветвящимися узлами, примитивные значения показываются как листья. При некорректном JSON выводится понятная ошибка вместо рисунка.

Можно ли редактировать SVG?

Да. Это обычная разметка SVG, поэтому её можно открыть в любом векторном редакторе или вставить в HTML. Скачивается самодостаточный файл .svg без внешних зависимостей.

Об инструменте Диаграмма JSON в SVG

Превращайте JSON в древовидную SVG-диаграмму с бесплатным онлайн-инструментом Диаграмма JSON в SVG. 100% в браузере, без входа и загрузки файлов.

Эти инструменты текста и кода чистят и преобразуют строки: считают слова, меняют регистр, убирают дубли строк, кодируют/декодируют Base64 и URL, экранируют сущности, хешируют, форматируют JSON и сравнивают две версии.

Инструмент работает в браузере. Файл никуда не загружается. Всё выполняется над вставленным текстом, поэтому можно безопасно обрабатывать фрагменты кода или логов; ничего никуда не отправляется, а очистка поля убирает его из памяти.

Все инструменты