OMSF Visualization

Interactive visualizations of open molecular software, built by the Open Molecular Software Foundation.

Universal Widgets — Copy, Paste, Embed Anywhere

The visualization components on this site (ligand network viewer, protein structure viewer, etc.) are universal widgets powered by js.mtfm.io. Each widget is a self-contained URL — no server, no backend, no accounts.

Embed in notebooks with one line: (see live example)

from metaframe_widget import MetaframeWidget

viewer = MetaframeWidget(url="<paste widget URL here>")
viewer.set_input("network.graphml", data)
viewer

That's it. The same URL works in Jupyter, JupyterLite, marimo, or any webpage.

Edit widgets directly — including with AI:

Every widget URL is editable. Open it, modify the JavaScript, and get a new URL. With Claude Code, editing is even simpler — describe what you want and the code updates in place.

See the js.mtfm.io docs for the full reference.

Shareable snapshots:

Any visualization state can be captured as a snapshot — a static URL that preserves the exact view, data, and configuration. Snapshots can be:

  • Shared as links (anyone can open them, no login required)
  • Embedded in documents, wikis, or dashboards
  • Saved as notes for reproducibility

What's here

  • OpenFE API Demo — End-to-end workflow: submit FASTA + SMILES, get back protein structures and ligand networks, rendered live in embedded widgets
  • Jupyter: Ligand Network — A JupyterLite notebook that loads a GraphML network file and visualizes it using the metaframe-widget, demonstrating the copy-paste embedding workflow
  • Component library — Standalone viewers (ligand network, large molecule) usable as reference or embedded directly