โ„ SnowballSH Foundation UI

Prose

One recipe, two bindings โ€” rendered side by side from the same source the package ships.

React

Sample Document

Waves on a Lattice

When a disturbance travels through a discrete medium, its dispersion relation departs from the continuum limit. The angular frequency ๐œ” of a wave with wavenumber ๐‘˜ on a chain of coupled oscillators satisfies

๐œ”(๐‘˜)=2๐œ…๐‘š|sin(๐‘˜๐‘Ž2)|

which reduces to the linear relation ๐œ”โ‰ˆ๐‘๐‘˜ for small ๐‘˜๐‘Ž.

Parameters

SymbolMeaningUnit
๐œ…coupling stiffnessN/m
๐‘šoscillator masskg
๐‘Žlattice spacingm

The group velocity1 vanishes at the zone boundary ๐‘˜=๐œ‹๐‘Ž.

Numerical check

import math

def omega(k, kappa=1.0, m=1.0, a=1.0):
    return 2 * math.sqrt(kappa / m) * abs(math.sin(k * a / 2))

Phase portrait

  1. 1The velocity at which the envelope of a wave packet propagates.
prose.demo.tsx
import fixture from "./fixtures/typst-sample.html?raw";
import { Prose } from "../react/index.js";

export default function ProseDemo() {
  return <Prose html={fixture} />;
}

Svelte

Sample Document

Waves on a Lattice

When a disturbance travels through a discrete medium, its dispersion relation departs from the continuum limit. The angular frequency ๐œ” of a wave with wavenumber ๐‘˜ on a chain of coupled oscillators satisfies

๐œ”(๐‘˜)=2๐œ…๐‘š|sin(๐‘˜๐‘Ž2)|

which reduces to the linear relation ๐œ”โ‰ˆ๐‘๐‘˜ for small ๐‘˜๐‘Ž.

Parameters

SymbolMeaningUnit
๐œ…coupling stiffnessN/m
๐‘šoscillator masskg
๐‘Žlattice spacingm

The group velocity1 vanishes at the zone boundary ๐‘˜=๐œ‹๐‘Ž.

Numerical check

import math

def omega(k, kappa=1.0, m=1.0, a=1.0):
    return 2 * math.sqrt(kappa / m) * abs(math.sin(k * a / 2))

Phase portrait

  1. 1The velocity at which the envelope of a wave packet propagates.
prose.demo.svelte
<script lang="ts">
  import fixture from "./fixtures/typst-sample.html?raw";
  import { Prose } from "../svelte/index.js";
</script>

<Prose html={fixture} />