Show HN: Reladraw – A diagram language where you decide where to place things

Reladraw is a diagram language that lets users define where elements go while retaining auto-layout benefits. Unlike Mermaid or Graphviz, which auto-place nodes, or Draw.io, which requires manual dragging, Reladraw uses relative positioning statements. Users write rules like "node X is above-left of cluster Y" without coordinates.

The tool works in browsers via a playground and supports npm install or Claude agent integration. It bridges the gap between rigid auto-layout and slow manual tools, making diagram edits efficient for both humans and AI agents. The arrangement is explicitly stated in text, allowing agents to read and modify layouts logically rather than guessing or parsing pixel coordinates.

Reladraw لغة رسم بياني تتيح للمستخدمين تحديد مكان العناصر بينما تحتفظ بفوائد التخطيط التلقائي. على عكس Mermaid أو Graphviz، التي تضع العقد تلقائيًا، أو Draw.io، الذي يتطلب سحب يدوي، يستخدم Reladraw بيانات توضع نسبية. يكتب المستخدمون قواعد مثل "العقدة X أعلى-يسار الخوذة Y" دون إحداثيات. الأداة تعمل في المتصفح عبر حديقة لعب وتدعم تثبيت npm أو تكامل وكيل Claude. إنها تجسر الفجوة بين التخطيط التلقائي الصارم والأدوات اليدوية البطيئة، مما يجعل تحرير المخططات فعالًا لكل من البشر ووكلاء الذكاء الاصطناعي. الترتيب يُعلن صراحة في النص، مما يتيح للوكلاء قراءة وتعديل التخطيطات منطقيًا بدلاً من تخمين أو تحليل إحداثيات بكسل.

Reladraw একটি ডায়াগ্রাম ভাষা যা ব্যবহারকারীদের নির্ধারণ করতে দেয় যে উপাদানগুলি কোথায় যায় যবং অটো-লেআউটের সুবিধাগুলি বজায় রাখে। Mermaid বা Graphviz এর মতো যা স্বয়ংক্রিয়ভাবে নোডগুলি স্থাপন করে, অথবা Draw.io যা ম্যানুয়াল ড্র্যাগিং প্রয়োজন, Reladraw সাপেক্ষিক অবস্থান বিবৃতি ব্যবহার করে। ব্যবহারকারীরা নিয়ম লিখেন যেমন "নোড X ক্লাস্টার Y-এর উপরে-বামে আছে" কোনো কোঅর্ডিনেট ছাড়া। টুলটি ব্রাউজারে একটি প্লে গ্রাউন্ডের মাধ্যমে কাজ করে এবং npm ইনস্টল বা Claude এজেন্ট একীকরণ সমর্থন করে। এটি কঠোর স্বয়ংক্রিয় লেআউট এবং ধীর ম্যানুয়াল টুলগুলির মধ্যে ফাঁক পূরণ করে, মানুষ এবং AI এজেন্টদের জন্য ডায়াগ্রাম সম্পাদনা দক্ষ করে তোলে। ব্যবস্থানটি পাঠ্যে স্পষ্টভাবে ঘোষণা করা হয়েছে, যা এজেন্টদের লজিক্যালভাবে লেআউট পড়া এবং পরিবর্তন করতে দেয়।

Reladraw ist eine Diagrammsprache, die es Benutzern ermöglicht, die Position von Elementen zu definieren, während sie die Vorteile des automatischen Layouts nutzen. Im Gegensatz zu Mermaid oder Graphviz, die Knoten automatisch platzieren, oder Draw.io, das manuelles Ziehen erfordert, verwendet Reladraw relative Positionsangaben. Benutzer schreiben Regeln wie "Knoten X ist links-oben vom Cluster Y" ohne Koordinaten.

Das Tool funktioniert in Browsern über eine Playground und unterstützt npm-Installierung oder Claude-Agent-Integration. Es schließt die Lücke zwischen starrem automatischem Layout und langsamen manuellen Tools, was die Bearbeitung von Diagrammen für sowohl Menschen als auch KI-Agenten effizient macht. Die Anordnung ist im Text explizit angegeben, sodass Agenten Layouts logisch lesen und ändern können, anstatt zu raten oder Pixelkoordinaten zu analysieren.

Reladraw es un lenguaje de diagramas que permite a los usuarios definir dónde van los elementos mientras conserva los beneficios del auto-diseño. A diferencia de Mermaid o Graphviz, que colocan automáticamente los nodos, o Draw.io, que requiere arrastrar manualmente, Reladraw utiliza declaraciones de posicionamiento relativo. Los usuarios escriben reglas como "el nodo X está arriba-izquierda del cluster Y" sin coordenadas.

La herramienta funciona en navegadores mediante un playground y admite instalación npm o integración con agente Claude. Cierra la brecha entre el auto-diseño rígido y las herramientas manuales lentas, haciendo eficientes las ediciones de diagramas tanto para humanos como para agentes de IA. La disposición se declara explícitamente en texto, permitiendo a los agentes leer y modificar diseños de forma lógica en lugar de adivinar o analizar coordenadas de píxeles.

Reladraw est un langage de diagrammes qui permet aux utilisateurs de définir où vont les éléments tout en conservant les avantages de la mise en page automatique. Contrairement à Mermaid ou Graphviz, qui placent automatiquement les nœuds, ou Draw.io, qui nécessite un glissement manuel, Reladraw utilise des déclarations de positionnement relatif. Les utilisateurs écrivent des règles comme "le nœud X est au-dessus-à-gauche du cluster Y" sans coordonnées.

L'outil fonctionne dans les navigateurs via un playground et prend en charge l'installation npm ou l'intégration d'un agent Claude. Il comble l'écart entre la mise en page automatique rigide et les outils manuels lents, rendant les modifications de diagrammes efficaces pour les humains et les agents d'IA. L'agencement est déclaré explicitement dans le texte, permettant aux agents de lire et de modifier les maquettes logiquement plutôt que de deviner ou d'analyser des coordonnées de pixels.

Reladraw एक डायग्राम भाषा है जो उपयोगकर्ताओं को यह परिभाषित करने देती है कि तत्व कहाँ जाते हैं जबकि ऑटो-लेआउट के लाभों को बनाए रखा जाता है। Mermaid या Graphviz के साथ एक अलगाव है, जो नोड्स को स्वचालित रूप से रखते हैं, या Draw.io जो मैन्युअल ड्रैगिंग की आवश्यकता होती है, Reladraw सापेक्ष स्थिति के वक्तव्यों का उपयोग करता है। उपयोगकर्ता नियम लिखते हैं जैसे "नोड X क्लस्टर Y के ऊपर-बाएं हिस्से में है" बिना निर्देशांक। उपकरण ब्राउज़र में एक प्लेगराउंड के माध्यम से काम करता है और npm इंस्टॉल या Claude एजेंट एकीकरण का समर्थन करता है। यह कठोर ऑटो-लेआउट और धीमी मैन्युअल उपकरणों के बीच के अंतर को पाटता है, जिससे डायग्राम संपादन मानवों और AI एजेंट्स दोनों के लिए दक्ष हो जाता है। व्यवस्था पाठ में स्पष्ट रूप से स्टेटेड है, जो एजेंट्स को तार्किक रूप से लAYOUT पढ़ने और संशोधित करने देता है।

Reladraw adalah bahasa diagram yang memungkinkan pengguna menentukan di mana elemen-elemen berada sambil mempertahankan keuntungan auto-layout. Berbeda dengan Mermaid atau Graphviz, yang secara otomatis menempatkan node, atau Draw.io, yang memerlukan penyeretan manual, Reladraw menggunakan pernyataan posisi relatif. Pengguna menulis aturan seperti "node X berada di atas-kiri cluster Y" tanpa koordinat.

Alat ini berfungsi di browser melalui playground dan mendukung instalasi npm atau integrasi agen Claude. Ini menjembatani kesenjangan antara layout otomatis yang kaku dan alat manual yang lambat, membuat pengeditan diagram efisien baik untuk manusia maupun agen AI. Pengaturan tersebut dinyatakan secara eksplisit dalam teks, memungkinkan agen untuk membaca dan memodifikasi layout secara logis, bukan menebak atau mengurai koordinat piksel.

Reladrawは、ユーザーが要素の配置を定義できるダイアグラム言語であり、自動レイアウトの利点を維持します。MermaidやGraphvizのようにノードを自動配置するツール、またはDraw.ioのように手動でドラッグする必要があるツールとは異なり、Reladrawは相対的な位置指定文を使用します。ユーザーは座標なしで「ノードXはクラスターYの左上にある」のようなルールを記述します。このツールはブラウザのプレイグラウンドで動作し、npmのインストールやClaudeエージェントの統合をサポートしています。これは、堅固な自動レイアウトと遅い手動ツールの間のギャップを埋め、人間とAIエージェントの両方にとってダイアグラムの編集を効率的にします。配置はテキストで明示的に記述されており、エージェントがピクセル座標を推測したり解析したりするのではなく、論理的にレイアウトを読み取り、変更できるようにします。

Reladraw é uma linguagem de diagramas que permite aos usuários definir onde os elementos vão mantendo os benefícios do layout automático. Ao contrário de Mermaid ou Graphviz, que posicionam automaticamente os nós, ou Draw.io, que requer arrastar manualmente, Reladraw usa declarações de posicionamento relativo. Os usuários escrevem regras como "o nó X está acima à esquerda do cluster Y" sem coordenadas.

A ferramenta funciona em navegadores por meio de um playground e suporta instalação npm ou integração com agente Claude. Ele preenche a lacuna entre layout automático rígido e ferramentas manuais lentas, tornando a edição de diagramas eficiente tanto para humanos quanto para agentes de IA. O arranjo é declarado explicitamente no texto, permitindo que agentes leiam e modifiquem layouts logicamente em vez de adivinhar ou analisar coordenadas de pixels.

Reladraw — язык диаграмм, который позволяет пользователям определять расположение элементов с сохранением преимуществ автоматического макетирования. В отличие от Mermaid или Graphviz, которые автоматически размещают узлы, или Draw.io, которое требует ручного перетаскивания, Reladraw использует относительные выражения позиционирования. Пользователи пишут правила вроде "узел X находится слева-сверху от кластера Y" без координат. Инструмент работает в браузерах через песочницу и поддерживает установку npm или интеграцию с агентом Claude. Он заполняет разрыв между строгим автоматическим макетированием и медленными ручными инструментами, делая редактирование диаграмм эффективным как для людей, так и для ИИ-агентов. Раскладка явно указана в тексте, что позволяет агентам читать и изменять макеты логически, а не угадывать или анализировать координаты пикселей.

Reladraw是一种图表语言，允许用户定义元素放置位置，同时保留自动布局的优势。与Mermaid或Graphviz不同，这些工具会自动放置节点，或Draw.io需要手动拖动，Reladraw使用相对定位语句。用户编写规则，如“节点X在集群Y的左上方”，无需坐标。该工具通过浏览器中的游乐场工作，并支持npm安装或Claude代理集成。它弥补了僵化的自动布局和缓慢的手动工具之间的差距，使图表编辑对人类和AI代理都更高效。排列方式在文本中明确陈述，允许代理以逻辑方式读取和修改布局，而不是猜测或解析像素坐标。