Harmonic sequences display

var mySequence = [
    ['P1','m','I','T'],['P4','m','IV','SD'],['P5','','V','d'],['P1','m','I','T','up'],
    ['P1','7','V7/IV','D2'],['P4','','IV','SD'],['P5','','V7','D'],['P1','','I','T']
];

Harmonic functions only: @

<div id="mySequence" class="harmonic-sequence">@</div>
@

Harmonic functions with degrees: !

<div id="mySequence" class="harmonic-sequence">!</div>
!

Harmonic functions with colored degrees: !%

<div id="mySequence" class="harmonic-sequence">!%</div>
!%

Harmonic functions with degrees and signatures: $

<div id="mySequence" class="harmonic-sequence">$</div>
$

Harmonic functions with degrees and colored signatures: $%

<div id="mySequence" class="harmonic-sequence">$%</div>
$%

Harmonic functions with degrees and chords: (nothing) (init tonality=D#)

<div id="mySequence" class="harmonic-sequence"></div>

Harmonic functions with degrees and colored chords: % (init tonality=D#)

<div id="mySequence" class="harmonic-sequence">%</div>
%

Harmonic functions with degrees and chords: transposable (nothing) (last tonality=G)

<div id="mySequence" class="harmonic-sequence transposable"></div>

Harmonic functions with degrees and colored chords: transposable % (last tonality=G)

<div id="mySequence" class="harmonic-sequence transposable">%</div>
%

Harmonic functions with degrees and chords: tone (Eb)

<div id="mySequence" class="harmonic-sequence">Eb</div>
Eb

Harmonic functions with degrees and colored chords: tone% (F#)

<div id="mySequence" class="harmonic-sequence">F#%</div>
F#%

'up' separation

var sequence_A = [
    ['P1','','I','T','up'],
    ['P1','','V','d'],['P4','','I','T','up'],
    ['P1','','V','d'],['P4','m','I','T','up'],
    ['P1','','IV','SD'],['P5','','I','T','up'],
    ['P1','','bVI','SD'],['M3','m','I','T','up']
];
<div id="sequence_A" class="harmonic-sequence"></div>

'br' line break

var sequence_B = [
    ['P5','7','V7','D'],['P1','','I','T'],['P5','7','V7','D'],['P1','','I','T','br'],
    ['P5','7','V7','D'],['P1','','I','T'],['P5','7','V7','D'],['P1','','I','T']
];
<div id="sequence_B" class="harmonic-sequence"></div>

'up' and 'br' together

var sequence_C = [
    ['P1','°','VII','D'],['m2','','I','T','br'],
    ['P1','°','VII','D'],['m2','m','I','T','up'],
    ['P1','°','II','SD'],['m7','m','I','T','br'],
    ['P1','°','II','SD'],['m7','m','I','T']
];
<div id="sequence_C" class="harmonic-sequence"></div>

Mode's harmonisations

Generic harmonization, functions + degrees: !

<div id="major1"></div>
$SEQUENCE_UI.buildHarmonization("major1", 0, '!', true);

Generic harmonization, functions + colored degrees (from signature): !%

<div id="major2"></div>
$SEQUENCE_UI.buildHarmonization("major2", 0, '!%', true);

Generic harmonization, functions + degrees + signatures: $

<div id="major3"></div>
$SEQUENCE_UI.buildHarmonization("major3", 0, '$', true);

Generic harmonization, functions + degrees + colored signatures: $%

<div id="major4"></div>
$SEQUENCE_UI.buildHarmonization("major4", 0, '$%', true);

Harmonization, functions + degrees + chord: tone

<div id="major5"></div>
$SEQUENCE_UI.buildHarmonization("major5", 0, 'C', true);

Harmonization, functions + degrees + colored chord: tone%

<div id="major6"></div>
$SEQUENCE_UI.buildHarmonization("major6", 0, 'C%', true);