feat: namespace graph ids, sliders, and namespace

This commit is contained in:
Barrett Ruth 2024-07-04 15:19:13 -05:00
parent 77c38c8999
commit 3e7dea4ff8
2 changed files with 181 additions and 35 deletions

View file

@ -141,11 +141,11 @@
<ul>
<li>
<div class="slider">
<label for="sliderA">\(A:\)</label>
<span id="outputA">1.00</span>
<label for="sliderSA">\(A:\)</label>
<span id="outputSA">1.00</span>
<input
type="range"
id="sliderA"
id="sliderSA"
min="0.1"
max="2"
step="0.01"
@ -155,11 +155,11 @@
</li>
<li>
<div class="slider">
<label for="sliderD">\(d:\)</label>
<span id="outputD">0.50</span>
<label for="sliderSD">\(d:\)</label>
<span id="outputSD">0.50</span>
<input
type="range"
id="sliderD"
id="sliderSD"
min="0.01"
max="0.99"
step="0.01"
@ -173,11 +173,11 @@
<ul start="3">
<li>
<div class="slider">
<label for="sliderS">\(s:\)</label>
<span id="outputS">0.50</span>
<label for="sliderSS">\(s:\)</label>
<span id="outputSS">0.50</span>
<input
type="range"
id="sliderS"
id="sliderSS"
min="0.01"
max="0.99"
step="0.01"
@ -187,11 +187,11 @@
</li>
<li>
<div class="slider">
<label for="sliderAlpha">\(\alpha:\)</label>
<span id="outputAlpha">0.33</span>
<label for="sliderSAlpha">\(\alpha:\)</label>
<span id="outputSAlpha">0.33</span>
<input
type="range"
id="sliderAlpha"
id="sliderSAlpha"
min="0.01"
max="0.99"
step="0.01"
@ -375,11 +375,11 @@
<ul>
<li>
<div class="slider">
<label for="sliderZ">\(\bar{z}:\)</label>
<span id="outputZ">0.50</span>
<label for="sliderRZ">\(\bar{z}:\)</label>
<span id="outputRZ">0.50</span>
<input
type="range"
id="sliderZ"
id="sliderRZ"
min="0.1"
max="0.99"
step="0.01"
@ -389,11 +389,11 @@
</li>
<li>
<div class="slider">
<label for="sliderL">\(\bar{L}:\)</label>
<span id="outputL">505</span>
<label for="sliderRL">\(\bar{L}:\)</label>
<span id="outputRL">505</span>
<input
type="range"
id="sliderL"
id="sliderRL"
min="10"
max="1000"
step="19"
@ -407,11 +407,11 @@
<ul start="3">
<li>
<div class="slider">
<label for="sliderl">\(\bar{l}:\)</label>
<span id="outputl">0.50</span>
<label for="sliderRl">\(\bar{l}:\)</label>
<span id="outputRl">0.50</span>
<input
type="range"
id="sliderl"
id="sliderRl"
min="0.01"
max="0.99"
step="0.01"
@ -421,11 +421,11 @@
</li>
<li>
<div class="slider">
<label for="sliderA0">\(\bar{A}_0:\)</label>
<span id="outputA0">5000</span>
<label for="sliderRA0">\(\bar{A}_0:\)</label>
<span id="outputRA0">5000</span>
<input
type="range"
id="sliderA0"
id="sliderRA0"
min="1"
max="10000"
step="100"
@ -697,6 +697,72 @@
<div class="graph">
<div id="romer-solow-visualization"></div>
</div>
<div class="sliders">
<div style="padding-right: 20px">
<ul>
<li>
<div class="slider">
<label for="sliderRSA">\(A:\)</label>
<span id="outputRSA">1.00</span>
<input
type="range"
id="sliderRSA"
min="0.1"
max="2"
step="0.01"
value="1"
/>
</div>
</li>
<li>
<div class="slider">
<label for="sliderRSD">\(d:\)</label>
<span id="outputRSD">0.50</span>
<input
type="range"
id="sliderRSD"
min="0.01"
max="0.99"
step="0.01"
value="0.50"
/>
</div>
</li>
</ul>
</div>
<div style="padding-left: 20px">
<ul start="3">
<li>
<div class="slider">
<label for="sliderRSS">\(s:\)</label>
<span id="outputRSS">0.50</span>
<input
type="range"
id="sliderRSS"
min="0.01"
max="0.99"
step="0.01"
value="0.50"
/>
</div>
</li>
<li>
<div class="slider">
<label for="sliderRSAlpha">\(\alpha:\)</label>
<span id="outputRSAlpha">0.33</span>
<input
type="range"
id="sliderRSAlpha"
min="0.01"
max="0.99"
step="0.01"
value="0.33"
/>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</article>