matterviz is a toolkit for building interactive web UIs for materials
science: periodic tables, 3d crystal structures (and molecules), Bohr atoms, nuclei,
heatmaps, scatter plots. Check out some of the examples in the navigation bar above.
No structure provided
No structure provided
Either from the set of example files or drag a local extXYZ, POSCAR, CIF, YAML, pymatgen JSON
files, or compressed versions of these files onto either structure viewer. You can also
edit the structure content in the textarea below. Changes will automatically update both
3D viewers.
The 3d structure viewer is built on the declarative three.js wrapper threlte. It gets Svelte-compiled
for great performance (even on supercells with 100+ atoms), is split up into Bond, Lattice, Scene and Site components for easy extensibility. You can pass various click, drag and touch event
handlers for rich interactivity as well as inject custom HTML into tooltips using child
components. These show Materials Project structure for mp-756175 and a lithium iron manganese phosphate structure from a CIF file.
The periodic table now supports multiple values per element with different visual layouts:
Each element shows two values as diagonal triangles: top-left = atomic mass, bottom-right = density.
Each element shows four values as quadrants: top-left = atomic radius, top-right = electronegativity * 100, bottom-left = covalent radius, bottom-right = |electron affinity|.
The missing_color prop is used to control how missing values in heatmap
data are displayed.