Structure
Bi2Zr2O7-Fm3m
Structure
Formula Zr2 Bi2 O8
Number of atoms 12
Volume 153.00 ų
Density 7.91 g/cm³
Lattice lengths a, b, c 5.35, 5.35, 5.35 Å
Lattice angles α, β, γ 90°, 90°, 90°
canvas width=0, height=0
Bismuth
Zirconium
Oxygen
<script>
import { Structure, StructureCard } from '$lib'
import { structures } from '$site/structures'
import Select from 'svelte-multiselect'
let formula = $state(`Bi2Zr2O7-Fm3m`)
let width = $state(0)
let height = $state(0)
let structure = $derived(structures.find((struct) => struct.id === formula) || {})
</script>
<form>
<label for="select">Select a structure:</label>
<Select
id="select"
options={structures.map((struct) => struct.id)}
selected={[formula]}
bind:value={formula}
maxSelect={1}
minSelect={1}
/>
<details>
<summary>JSON for structure {formula}</summary>
<pre>
<code>
{JSON.stringify(structure, null, 2)}
</code>
</pre>
</details>
</form>
<h3 align="center">{formula}</h3>
<StructureCard {structure} />
<p>
canvas width=<span>{width}</span>, height=<span>{height}</span>
</p>
<Structure {structure} bind:width bind:height />
Different Crystal Systems
Showcasing structures with different crystal systems.
mp-10018
Crystal System cubic
Actiniummp-1183085
Crystal System orthorhombic
ActiniumMagnesiummp-1183089
Crystal System monoclinic
ActiniumMagnesiummp-1207297
Crystal System tetragonal
ActiniumBromineOxygenmp-686119
Crystal System triclinic
SilverBismuthIodinemp-862690
Crystal System hexagonal
Actinium
<script>
import { crystal_systems, Structure } from '$lib'
import { structures } from '$site/structures'
</script>
<ul class="crystal-systems">
{#each structures.filter((struct) =>
crystal_systems.some((system) => struct.id.includes(system))
) as
structure
}
{@const mp_id = structure.id.split(`-`).slice(0, 2).join(`-`)}
{@const href = `https://materialsproject.org/materials/${mp_id}`}
{@const crystal_system = structure.id.split(`-`).at(-1) || 'unknown'}
<li>
<h3><a {href}>{mp_id}</a></h3>
<p class="crystal-system">Crystal System <strong>{crystal_system}</strong></p>
<Structure {structure} />
</li>
{/each}
</ul>