proomt

Search

Search posts, papers, and topics

All posts

Hacker News front pagereladraw9 min readintermediate

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

Summary

Reladraw is a text-based diagram language that allows engineers to explicitly define relative placement of elements, bridging the gap between fully automatic layout and manual pixel-based tools. This approach makes diagrams easier to modify, especially for AI agents, by encoding layout intent directly in the source.

  • Defines diagram elements and their relative positions (e.g., "below", "right of") in text, not coordinates.
  • Aims to provide explicit layout control without the manual overhead of pixel-based editors.
  • The engine solves minimum distances using longest paths, ensuring non-overlap and consistent spacing.
  • Designed to be agent-friendly, allowing LLMs to read and modify diagram layouts by editing text statements.

Engineers and AI agents needing precise, maintainable control over diagram layouts will find this approach valuable for expressing design intent directly in code.

7/10

Related reading

  1. Can we make default Tailwind a more accessible choice?

    The post examines Tailwind’s default rem‑based breakpoints, showing how they scale with a user’s root‑font‑size and can shift layouts, which helps some users but can break designs. It argues that pixel breakpoints remain a defensible alternative for preserving layout stability while still supporting accessibility.

    Freek Van der Hertenfreek.dev1 min