Reladraw:配置を自分で決めるテキスト図解言語

मूल शीर्षक: Show HN: Reladraw – A diagram language where you decide where to place things

यह क्यों महत्वपूर्ण है

自動配置と手動配置の中間を埋める新しいアプローチは、図解ツール設計の方向性に一石を投じる。

オープンソースプロジェクト「Reladraw」がGitHubで公開された。テキストで位置関係を記述するだけで図を生成するツールで、現在238のStarを獲得。インストール不要でブラウザ上で動作し、Apache-2.0ライセンスで提供されている。

Reladrawは、テキストベースの図解言語だ。「above-left of cluster.hub」や「between cluster.desktop1 and cluster.laptop1」のような位置関係の記述から自動的にレイアウトを計算し、SVG図を生成する。座標を一切記述せずに44文のステートメントで複雑なアーキテクチャ図を描けることが特徴で、draw.ioで手書きした図と同等の出力を実現している。

MermaidやGraphviz、D2といった既存ツールはエンティティと接続を宣言すれば自動配置してくれる。多くの用途ではそれで十分だが、「特定の場所に特定のモジュールを置きたい」という要求には応えられない。一方、draw.ioのような絶対座標ツールは柔軟だが手作業が多い。Reladrawはその中間を狙い、相対的な位置関係の記述からレイアウトを「解く」アプローチを採用した。

ブラウザ上のライブエディタで即座に試せ、左ペインでソースを編集すると右ペインのレイアウトがリアルタイムで再計算される。TypeScriptで実装されており、リポジトリにはSYNTAX.mdによる文法ドキュメントと複数のサンプルファイルが含まれている。GitHubでのStarは238に達しており、Hacker Newsの「Show HN」投稿を通じて注目を集めた。

स्रोत

github.com — मूल लेख पढ़ें →