Data & Export

Molecular Structure Review

What this shows

Inspect the atoms, CPK colors, and bonds in a caffeine PDB structure.

Loading scene…

Key API excerpt

import * as EASEL from "@xsyetopz/easel";

const pdb = new EASEL.PDBLoader().parse(pdbText);
const atoms = new EASEL.Points(
  pdb.geometryAtoms,
  new EASEL.PointsMaterial({ vertexColors: true, size: 7 }),
);
const bonds = new EASEL.LineSegments(pdb.geometryBonds, bondMaterial);