Skip to content
Vikram Subbaiah edited this page Aug 23, 2026 · 23 revisions

The upper half of the HYWE interface is dedicated to the Input Section, where you declare your architectural program, manage your workflow, and trigger the layout generation engine.

Switching and Navigating

Node / Code Toggle

HYWE offers two ways to outline your intent. The control to switch between the two is located at the top right corner:

  • Node View (Default): The visual Interactive Tree.
Node
  • Code View: A raw text editor allowing you to write or edit the underlying Hywe Syntax directly. Advanced users can draft complex relational rules rapidly using text, which syncs back to the visual tree.
Code

Undo/Redo

Located alongside the toggle, these controls allow you to safely step backward or forward through your recent programmatic changes.

Install

Located on the top right, allows users to install HYWE locally as a Progressive Web App (PWA) for native-like performance and offline capabilities. Will not be visible if app is already installed.

The Interactive Tree

The Interactive Tree is a visual representation of your spatial hierarchy. It is where you build the programmatic logic of your building before it becomes physical geometry.

  • Add Node: The tree represents structural containment. Child nodes can be added by clicking the + at the bottom of the node.
node-add
  • Modify Node: You can define a node's target Area/Weight and Label inline.
node-name
  • Move Node: Nodes positions can be altered by dragging and dropping in the layout. A dragged node and its children will be placed to the left of the node onto which it is dropped.
node-move
  • Delete Node: On selecting Delete from the node menu the node changes color. Click on DELETE to reconfirm.
node-delete
  • Elevate Node: Organize spaces into distinct vertical tiers (e.g., Level 0, Level 1). Multi-story layouts are mapped through these tiers, allowing ascending vertical logic to be calculated deterministically on the Z-axis.
node-elevate
  • Nest Node: Sub divide individual spaces at a level into smaller compartments. Nodes with children cannot be nested.
node-nest

The Hyweave Button

The primary execution trigger. Clicking Hyweave compiles your current tree state, invokes the deterministic geometry solver, and generates the spatial layout on the canvas below. hyweave-1 When there are uncommitted changes the button state indicates the same. hyweave-2

Alternate Configurations Slider

Because HYWE uses deterministic sequence rules, a single Interactive Tree can be evaluated into multiple valid topologies. This slider allows you to instantly sweep through the 24 possible topological sequences (e.g., VRCCNE, HRCWWW) to explore alternative spatial arrangements for the exact same architectural program. alternateConfigurations

Waggle Exchange

The Waggle exchange serves as the communication and import/export mechanism.

waggleExchange

It allows you to load predefined Presets to quickly scaffold new layouts, completely Reset your current workspace, explore layout examples and illustrations in the Gallery, package your configurations, or share your deterministic strings across sessions.

Clone this wiki locally