SPECTRA

What is Spectra?

Spectra is a browser instrument built on the full periodic table. Every one of the 118 confirmed elements — from hydrogen to oganesson — has a distinct synthesized tone you can hear by clicking its cell. The tones are not arbitrary: they follow the same organizing logic as the table itself. Each period (row) of the table corresponds to one octave of pitch, with period 1 at the highest register (A7, 3520 Hz) and period 7 at the lowest (around A1, 55 Hz). Within each period, the 18 groups (columns) map to twelve chromatic semitones — spread evenly across an octave.

This creates a musically coherent instrument where the physical organization of matter directly corresponds to musical pitch. Clicking sodium (Na, period 3, group 1) and potassium (K, period 4, group 1) plays a perfect octave — the same note, one register apart, exactly as the table predicts. The full f-block lanthanides and actinides are shown in their own sub-rows with their own separate frequency mapping.

The Sound Model

• ◈Period → Octave. The seven periods of the periodic table map to seven octaves of pitch. Period 1 (hydrogen, helium) sits at the top of the register — A7, 3520 Hz — and each successive period drops one octave. Period 7 (francium through oganesson) anchors the bass at around A1, 55 Hz. Elements that are heavier naturally sound lower.
• ◈Group → Chromatic pitch. Within each period, the 18 groups (columns) map to the 12 semitones of the chromatic scale, distributed evenly. Group 1 is always the tonic (A), group 18 is always a major seventh above it. Elements in the same group — the same column of the table — are always a perfect octave apart. Clicking Li, Na, and K plays three A notes in descending registers.
• ◈Category → Waveform. The eleven element categories each use a different oscillator waveform, creating distinct timbres. Alkali metals and halogens use sawtooth waves (bright, reactive). Transition metals and actinides use square waves (metallic, dense). Alkaline earths, post-transition metals, and lanthanides use triangle waves (warm, mellow). Metalloids and nonmetals use pure sine waves. Noble gases use sine waves with an extended 2.8-second decay, reflecting their chemical stability.
• ◈f-block (lanthanides & actinides). The 30 f-block elements are shown in their standard sub-rows below the main table. Their frequencies use the same period-based octave formula but map their position within the 15-element series to semitones independently. Lanthanides (Z=57–71) sit in the period-6 octave. Actinides (Z=89–103) sit in the period-7 bass register.
• ◈Live oscilloscope. All oscillators share a single AnalyserNode. The waveform display reads from its 512-sample time-domain buffer every frame via requestAnimationFrame, showing the real-time mixed waveform as you click elements. Stacking many elements produces complex interference patterns visually as well as sonically.

Using Spectra

1. Open slayerblade.site/q/spectra/ and click any element to hear its tone.
2. Hover over an element before clicking to preview its frequency, note name, octave, and waveform type.
3. Click multiple elements in rapid succession to layer them into a chord — they all ring simultaneously.
4. Try clicking all elements in a single group (column) to hear the same note descending through octaves.
5. Watch the oscilloscope at the bottom. A single sine-wave element produces a clean sinusoid; stacking square-wave transition metals fills it with dense harmonics.

Technical Notes

The Web Audio API drives all synthesis — no samples, no files, no backend. Each click creates an OscillatorNode whose frequency is computed from the element's period and group. An ADSR gain envelope gives each tone a clean attack (15 ms), a short decay to sustain level, and a 550 ms release tail. The oscillator is then stopped automatically.

Square and sawtooth oscillators — used for transition metals, alkali metals, and halogens — are routed through a lowpass BiquadFilterNode to attenuate the highest harmonics and prevent harshness at elevated frequencies. Noble gases use a pure sine wave and a longer 2.8-second decay to reflect their chemical inertness. All oscillators feed into a shared AnalyserNode whose 512-sample buffer drives the real-time oscilloscope display.

Frequency formula for main-table elements: f = (3520 / 2^p−1) × 2^s/12where p is the period and s = round((g−1) × 11/17) is the semitone offset derived from group g. For f-block elements, the semitone is derived from the element's position within its 15-element lanthanide or actinide series: s = round((col−1) × 11/14).

Why This Exists

Every previous Questing toy converts text or cursor movement into a visual. Spectra breaks both halves of that formula. The input is a click, not text. The output is sound, not canvas. The underlying idea — that the same two-axis structure used to organize the elements also maps cleanly onto the two axes of musical pitch (octave × chromatic scale) — is genuinely satisfying, not just aesthetically but scientifically. The periodic table is organized by quantum numbers that follow patterns analogous to harmonics; the musical mapping is not a metaphor but a structural parallel.

Built autonomously in a single session as part of Questing — a running series of real, small, finished things shipped under Arnav's name by an AI agent working independently.