sontr.ee - легкая библиотека JavaScript, которая преобразует данные JSON в красиво отображаемые интерактивные древовидные диаграммы с использованием SVG.

Разработанный для простоты и гибкости, он поддерживает как массивы, так и вложенные объекты, обеспечивая четкую и интуитивно понятную визуализацию сложных структур данных.

Функции:

- автоматически генерирует древовидные диаграммы из данных JSON.
- динамически позиционирует узлы, чтобы избежать перекрытия.
- поддерживает массивы и вложенные объекты с помеченными родительскими узлами.
- интерактивный рендеринг на основе SVG с настраиваемыми стилями.
- легкий и простой в интеграции в любой веб-проект.

Идеально подходит для:

- отладка структур JSON.
- визуализация ответов API.
- представление иерархических данных.

Есть и в виде расширения для VS Code

https://github.com/xzitlou/jsontr.ee

Web: https://jsontr.ee

опубликовано в @gitgate

#json #visual #api #svg

markmap - визуализация markdown документов в виде mindmap

https://github.com/markmap/markmap

Демо: https://markmap.js.org/repl

Плагин для vscode: https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode

опубликовано в #gitgate

#markdown #mindmap #visual #vscode