module.html

<label for="sensors">Sensor:</label>
<select id="sensors">
    <option value="default">Select a sensor</option>
</select>

<label for="readings">Reading:</label>
<select id="readings">
    <option value="default">Select a reading</option>
</select>

<label for="tonic">Tonic:</label>
<select id="tonic">
    <option value="C">C</option>
    <option value="C#">C#</option>
    <option value="D">D</option>
    <option value="D#">D#</option>
    <option value="E">E</option>
    <option value="F">F</option>
    <option value="F#">F#</option>
    <option value="G">G</option>
    <option value="G#">G#</option>
    <option value="A">A</option>
    <option value="A#">A#</option>
    <option value="B">B</option>
</select>

<label for="scale">Scale:</label>
<select id="scale">
    <option value="Ionian">Ionian</option>
    <option value="Dorian">Dorian</option>
    <option value="Phrygian">Phrygian</option>
    <option value="Lydian">Lydian</option>
    <option value="Mixolydian">Mixolydian</option>
    <option value="Aeolian">Aeolian</option>
    <option value="Locrian">Locrian</option>
    <option value="Melodic Minor">Melodic Minor</option>
    <option value="Harmonic Minor">Harmonic Minor</option>
    <option value="Harmonic Major">Harmonic Major</option>
    <option value="Whole Tone">Whole Tone</option>
    <option value="Chromatic">Chromatic</option>
    <option value="Octatonic Major">Octatonic Major</option>
    <option value="Octatonic Minor">Octatonic Minor</option>
    <option value="Pentatonic">Pentatonic</option>
    <option value="Synthetic Minor">Synthetic Minor</option>
    <option value="Major Bitonal">Major Bitonal</option>
    <option value="Minor Bitonal">Minor Bitonal</option>
    <option value="Polytonal">Polytonal</option>
    <option value="Ditone">Ditone</option>
    <option value="Prometheus">Prometheus</option>
    <option value="Trans-Pentatonic">Trans-Pentatonic</option>
    <option value="Pelog">Pelog</option>
    <option value="Slendro">Slendro</option>
    <option value="Hungarian-Bartok">Hungarian-Bartok</option>
    <option value="Bulgarian-Bartok">Bulgarian-Bartok</option>
    <option value="Asian-Bartok">Asian-Bartok</option>
    <option value="Spain">Spain</option>
    <option value="India-Dharmavati">India-Dharmavati</option>
    <option value="Japan">Japan</option>
    <option value="Peru">Peru</option>
    <option value="Alaska">Alaska</option>
    <option value="Jewish Ahavoh-Rabboh">Jewish Ahavoh-Rabboh</option>
    <option value="Slavic">Slavic</option>
    <option value="Blues">Blues</option>
</select>

<label for="tessitura">Tessitura:</label>
<select id="tessitura">
    <option value="Bass">Bass</option>
    <option value="Baritone">Baritone</option>
    <option value="Tenor">Tenor</option>
    <option value="Alto">Alto</option>
    <option value="Mezzo-Soprano">Mezzo-Soprano</option>
    <option value="Soprano">Soprano</option>
</select>

<div id="plot1"></div>