Show HN: Diagram as code tool with draggable customizations
oxdraw — это инструмент для создания диаграмм с помощью кода, написанный на Rust с поддержкой перетаскивания элементов. Проект позволяет разработчикам создавать визуальные диаграммы, используя текстовое описание, что упрощает версионирование и интеграцию с существующими рабочими процессами. Написанный на производительном языке Rust, oxdraw обеспечивает быструю работу даже с сложными диаграммами.
Ключевая особенность инструмента — возможность интерактивного редактирования диаграмм с помощью мыши. Пользователи могут создавать элементы кодом, а затем перетаскивать их для изменения расположения без необходимости редактировать исходный код. Такой подход сочетает преимущества декларативного описания диаграмм с интуитивным визуальным редактированием, что делает инструмент полезным как для разработчиков, предпочитающих работу с кодом, так и для тех, кто предпочитает визуальный дизайн.
Комментарии (44)
- Пользователи обсуждают различные инструменты для диаграмм: Mermaid.js, D2, PlantUML и Graphviz, а также их ограничения и возможности.
- Обсуждается необходимость улучшения автоматического размещения для Mermaid.js и возможность встроить инструмент в качестве layout engine.
- Участники поднимают вопросы о лицензии (отсутствие файла LICENSE), отсутствии функционала вроде всплывающих подсказок и коллапсинга нод, а также о том, что проект не предоставляет встроенного способа взаимодействия с инструментами вроде Excalidraw.
- Разработчик отвечает, что проект находится в стадии разработки и что он открыт к вкладу со стороны сообщества.
Git Diagramming "The Weave"
Git-граф «плетения» Трампа
Трамп называет свою манеру речи «the weave»: он перескакивает между темами, а потом «все блестяще сводится воедино». Я решил визуализировать это как git-граф.
Использовал Mermaid.js, но горизонтальная схема не подошла, поэтому написал компонент <git-graph>.
Фрагмент из транскрипта совещания в Овальном кабинете:
%%{init: { 'theme': 'base' } }%%
gitGraph
commit id:"CBO: тарифы принесут $4 трлн"
branch radical-left
commit id:"радикальные левые признали Трампа правым"
checkout main
merge radical-left
commit id:"$4 трлн сократят дефицит"
branch stock-market
commit id:"рынок +1000 пунктов"
branch world-respect
commit id:"весь мир нас уважает"
branch fifa-event
commit id:"финал FIFA в Kennedy Center"
branch kennedy-center-remodel
commit id:"ремонт займёт год"
branch oval-office-remodel
commit id:"золото в Овальном кабинете"
branch painting-vault
commit id:"картины великих президентов из хранилища"
Каждая ветка — новая тема, cherry-pick — возврат к уже сказанному.
Комментарии (59)
- Участники обсуждают «ткацкий» стиль речи, когда тема раскрывается «ветвями», сливающимися лишь в финале.
- Предложены улучшения диаграмм: показывать название ветви рядом с «New Topic» и использовать Sankey- или top-to-bottom-режимы.
- Некоторые считают визуализацию забавной и полезной для анализа «словесного салата» политиков и бизнесменов.
- Подняты технические проблемы: сломанный рендеринг в iOS и Firefox, отсутствие тестов и дисклеймеров.
- Обсуждение быстро скатилось в политические споры: «хит-пьеса» против Трампа, сравнение с Обамой, обвинения в трусости и «сенильности».