CifVis Docs

Appearance

Disorder handling ​

A disordered structure shown three ways: all disorder groups at once (PART 2 bonds drawn open), then each group separately. The widget's disorder toggle button cycles the same modes interactively — its icon is generated per group count. Typical applications: communicating disorder models in supporting information, teaching occupancy refinement.

All parts:
Group 1 of 2:
Group 2 of 2:

Reproduce it ​

html
<cifview-widget src="disorder.cif" disorder-mode="all"></cifview-widget>
<cifview-widget src="disorder.cif" disorder-mode="group1of2"></cifview-widget>
<cifview-widget src="disorder.cif" disorder-mode="group2of2"></cifview-widget>
js
import { CrystalViewer } from 'cifvis';

const viewer = new CrystalViewer(container, { disorderMode: 'all' });
await viewer.loadCIF(cifText);

// Cycle through the applicable modes (wired to a button):
await viewer.cycleModifierMode('disorder');

// Or use the DisorderFilter standalone, without any viewer:
// const filtered = new DisorderFilter('group1of2').apply(structure);