Examples

{
  "@module": "pymatgen.core.structure",
  "@class": "Structure",
  "charge": 0,
  "lattice": {
    "matrix": [
      [
        5.3485,
        0,
        3.275011702619809e-16
      ],
      [
        -3.275011702619809e-16,
        5.3485,
        3.275011702619809e-16
      ],
      [
        0,
        0,
        5.3485
      ]
    ],
    "pbc": [
      true,
      true,
      true
    ],
    "a": 5.3485,
    "b": 5.3485,
    "c": 5.3485,
    "alpha": 90,
    "beta": 90,
    "gamma": 90,
    "volume": 153.00160985912498
  },
  "properties": {},
  "sites": [
    {
      "species": [
        {
          "element": "Bi",
          "oxidation_state": 3,
          "spin": null,
          "occu": 0.5
        },
        {
          "element": "Zr",
          "oxidation_state": 4,
          "spin": null,
          "occu": 0.5
        }
      ],
      "abc": [
        0,
        0,
        0
      ],
      "xyz": [
        0,
        0,
        0
      ],
      "properties": {},
      "label": "Zr"
    },
    {
      "species": [
        {
          "element": "Bi",
          "oxidation_state": 3,
          "spin": null,
          "occu": 0.5
        },
        {
          "element": "Zr",
          "oxidation_state": 4,
          "spin": null,
          "occu": 0.5
        }
      ],
      "abc": [
        0.5,
        0.5,
        0
      ],
      "xyz": [
        2.67425,
        2.67425,
        3.275011702619809e-16
      ],
      "properties": {},
      "label": "Zr"
    },
    {
      "species": [
        {
          "element": "Bi",
          "oxidation_state": 3,
          "spin": null,
          "occu": 0.5
        },
        {
          "element": "Zr",
          "oxidation_state": 4,
          "spin": null,
          "occu": 0.5
        }
      ],
      "abc": [
        0.5,
        0,
        0.5
      ],
      "xyz": [
        2.67425,
        0,
        2.67425
      ],
      "properties": {},
      "label": "Zr"
    },
    {
      "species": [
        {
          "element": "Bi",
          "oxidation_state": 3,
          "spin": null,
          "occu": 0.5
        },
        {
          "element": "Zr",
          "oxidation_state": 4,
          "spin": null,
          "occu": 0.5
        }
      ],
      "abc": [
        0,
        0.5,
        0.5
      ],
      "xyz": [
        -1.6375058513099044e-16,
        2.67425,
        2.67425
      ],
      "properties": {},
      "label": "Zr"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.25,
        0.25,
        0.25
      ],
      "xyz": [
        1.337125,
        1.337125,
        1.3371250000000001
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.75,
        0.75,
        0.25
      ],
      "xyz": [
        4.011374999999999,
        4.011374999999999,
        1.3371250000000003
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.75,
        0.75,
        0.75
      ],
      "xyz": [
        4.011374999999999,
        4.011374999999999,
        4.011375
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.75,
        0.25,
        0.75
      ],
      "xyz": [
        4.011374999999999,
        1.337125,
        4.011375
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.75,
        0.25,
        0.25
      ],
      "xyz": [
        4.011374999999999,
        1.337125,
        1.3371250000000001
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.25,
        0.75,
        0.75
      ],
      "xyz": [
        1.3371249999999997,
        4.011374999999999,
        4.011375
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.25,
        0.75,
        0.25
      ],
      "xyz": [
        1.3371249999999997,
        4.011374999999999,
        1.3371250000000001
      ],
      "properties": {},
      "label": "O"
    },
    {
      "species": [
        {
          "element": "O",
          "oxidation_state": -2,
          "spin": null,
          "occu": 1
        }
      ],
      "abc": [
        0.25,
        0.25,
        0.75
      ],
      "xyz": [
        1.337125,
        1.337125,
        4.011375
      ],
      "properties": {},
      "label": "O"
    }
  ],
  "id": "Bi2Zr2O7-Fm3m"
}

Bi2Zr2O7-Fm3m

canvas width=0, height=0

<script>
  import { Structure, StructureCard } from '$lib'
  import { structures } from '$site'
  import Select from 'svelte-multiselect'

  let mp_id = `Bi2Zr2O7-Fm3m`
  let width
  let height
  $: href = `https://materialsproject.org/materials/${mp_id}`
  $: structure = structures.find((struct) => struct.id === mp_id) || {}
</script>

<form>
  <label for="select">Select a structure:</label>
  <Select
    id="select"
    options={structures.map((struct) => struct.id)}
    selected={[mp_id]}
    bind:value={mp_id}
    maxSelect={1}
    minSelect={1}
  />

  <details>
    <summary>JSON for structure {mp_id}</summary>
    <pre>
    <code>
    {JSON.stringify(structure, null, 2)}
    </code>
  </pre>
  </details>
</form>

<h3 align='center'><a {href}>{mp_id}</a></h3>
<StructureCard {structure} />
<p>canvas width=<span>{width}</span>, height=<span>{height}</span></p>
<Structure {structure} bind:width bind:height />

• mp-1

  ⓘ ⛶ Controls

  Cs2

  Cesium

  Drop a JSON file onto the canvas to load a new structure.

  Click on an atom to make it active. Then hover another atom to get its distance to the active atom.

  Hold shift or cmd or ctrl and drag to pan the scene.

  Click on an element label in the corner to change its color. Double click to reset.

  Show atoms bonds lattice vectors image atoms full controls site labels wireframesurfacenone unit cell as

  ---

  Atom radius (Å) Scale sites according to atomic radii (if false, all atoms have same size) Background color

  ---

  Color scheme VestaJmol ⬇ Save as JSON ✎ Save as PNG

• mp-2

  ⓘ ⛶ Controls

  Pd4

  Palladium

  Drop a JSON file onto the canvas to load a new structure.

  Click on an atom to make it active. Then hover another atom to get its distance to the active atom.

  Hold shift or cmd or ctrl and drag to pan the scene.

  Click on an element label in the corner to change its color. Double click to reset.

  Show atoms bonds lattice vectors image atoms full controls site labels wireframesurfacenone unit cell as

  ---

  Atom radius (Å) Scale sites according to atomic radii (if false, all atoms have same size) Background color

  ---

  Color scheme VestaJmol ⬇ Save as JSON ✎ Save as PNG

• mp-1234

  ⓘ ⛶ Controls

  Lu8

  Lutetium

  Al16

  Aluminium

  Drop a JSON file onto the canvas to load a new structure.

  Click on an atom to make it active. Then hover another atom to get its distance to the active atom.

  Hold shift or cmd or ctrl and drag to pan the scene.

  Click on an element label in the corner to change its color. Double click to reset.

  Show atoms bonds lattice vectors image atoms full controls site labels wireframesurfacenone unit cell as

  ---

  Atom radius (Å) Scale sites according to atomic radii (if false, all atoms have same size) Background color

  ---

  Color scheme VestaJmol ⬇ Save as JSON ✎ Save as PNG

• Bi2Zr2O7-Fm3m

  ⓘ ⛶ Controls

  Bi2

  Bismuth

  Zr2

  Zirconium

  O8

  Oxygen

  Drop a JSON file onto the canvas to load a new structure.

  Click on an atom to make it active. Then hover another atom to get its distance to the active atom.

  Hold shift or cmd or ctrl and drag to pan the scene.

  Click on an element label in the corner to change its color. Double click to reset.

  Show atoms bonds lattice vectors image atoms full controls site labels wireframesurfacenone unit cell as

  ---

  Atom radius (Å) Scale sites according to atomic radii (if false, all atoms have same size) Background color

  ---

  Color scheme VestaJmol ⬇ Save as JSON ✎ Save as PNG

• mp-1229155

  ⓘ ⛶ Controls

  Ag4

  Silver

  Hg4

  Mercury

  S4

  Sulfur

  Br1

  Bromine

  Cl3

  Chlorine

  Drop a JSON file onto the canvas to load a new structure.

  Click on an atom to make it active. Then hover another atom to get its distance to the active atom.

  Hold shift or cmd or ctrl and drag to pan the scene.

  Click on an element label in the corner to change its color. Double click to reset.

  Show atoms bonds lattice vectors image atoms full controls site labels wireframesurfacenone unit cell as

  ---

  Atom radius (Å) Scale sites according to atomic radii (if false, all atoms have same size) Background color

  ---

  Color scheme VestaJmol ⬇ Save as JSON ✎ Save as PNG

• mp-1229168

  ⓘ ⛶ Controls

  Al54

  Aluminium

  Fe4

  Iron

  Ni8

  Nickel

  Drop a JSON file onto the canvas to load a new structure.

  Click on an atom to make it active. Then hover another atom to get its distance to the active atom.

  Hold shift or cmd or ctrl and drag to pan the scene.

  Click on an element label in the corner to change its color. Double click to reset.

  Show atoms bonds lattice vectors image atoms full controls site labels wireframesurfacenone unit cell as

  ---

  Atom radius (Å) Scale sites according to atomic radii (if false, all atoms have same size) Background color

  ---

  Color scheme VestaJmol ⬇ Save as JSON ✎ Save as PNG

<script>
  import { Structure } from '$lib'
  import { structures } from '$site'
</script>

<ul>
  {#each structures.filter(({sites}) => sites.length < 80) as structure}
    {@const { id } = structure}
    {@const href = `https://materialsproject.org/materials/${id}`}
    <li>
      <h2><a {href}>{id}</a></h2>
      <Structure {structure} />
    </li>
  {/each}
</ul>