← Back to projects
Full Stack Developer

Orbital

Orbital is a chemistry workflow project with a molecule graph, rendering engine, editor tools, and planning surface. The original repo includes more than one direction of the product, so this page now embeds a clean editor runtime built directly from the project’s own model and renderer classes.

Embedded here: a live editor powered by Orbital’s existing molecule model, bond tools, and renderer.
Model-Driven Editor Embed
Core model Molecule graph editor

Atoms, bonds, and presets all resolve through the same underlying chemistry model.

Editing flow Tool-based interaction

Placement, bonding, erase, and organize are all available without leaving the canvas.

Mobile fit Readable editor stage

The preview keeps the drawing area and control context visible instead of collapsing awkwardly.

The embed is not a fake canvas sketch. It uses the project’s real `Molecule`, `RendererV2`, `AtomTool`, `BondTool`, and `EraseTool` classes so the behavior reflects the code that already exists in the repo.

Built With

JavaScript Node.js Express Graph modeling Chemical data Canvas rendering

Editor Surface

The live surface demonstrates atom placement, bond creation, preset structures, graph metadata, and auto-organization using Orbital’s internal data model instead of a detached portfolio toy.

Architecture Direction

  • Immutable molecule graph for easier reasoning and state control
  • Separate rendering layer for chemistry visuals
  • Tool-based editing model for atom, bond, and erase workflows

Why Reorganize The Page

The old page showed only a floating-node sketch while the repo contained actual chemistry editing logic. Reframing the page around the working editor makes the project legible and respects the amount of architecture already present.

Long-Term Product

The broader goal is synthesis planning, not just drawing structures. The editor is the front door: it establishes molecules, validates transformations, and provides the surface other planning and prediction workflows can build on.