sundowndev
/
betaflight-configurator
mirror of https://github.com/sundowndev/betaflight-configurator.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
betaflight-configurator/tabs/sensors.html

238 lines
10 KiB
HTML
Raw Normal View History

initial sensor tab commit
2013-04-11 10:01:51 +00:00
<div class="tab-sensors">
plot enable/disable toggles
2014-04-13 22:15:56 +00:00
<div class="info">
<p>
Keep in mind that using fast update periods and rendering multiple graphs at the same time
is resource heavy and will burn your battery quicker if you use a laptop.<br />
We recommend to only render graphs for sensors you are interested in while using reasonable
update periods.<br />
</p>
<div class="checkboxes">
Gyroscope <input type="checkbox" name="gyro_on" />
Accelerometer <input type="checkbox" name="accel_on" />
Magnetometer <input type="checkbox" name="mag_on" />
Barometer <input type="checkbox" name="baro_on" />
Debug <input type="checkbox" name="debug_on" />
</div>
</div>
<div class="wrapper gyro">
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
<div class="plot_control">
hook raw values text representations to data
2014-04-13 13:33:06 +00:00
<div class="title">Gyroscope - deg/s</div>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
<dl>
<dt>Refresh:</dt>
separate rate and scale select events
2014-04-13 13:40:42 +00:00
<dd class="rate">
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
<select name="gyro_refresh_rate">
<option value="10">10 ms</option>
<option value="20">20 ms</option>
<option value="30">30 ms</option>
<option value="40">40 ms</option>
<option value="50" selected="selected">50 ms</option>
<option value="100">100 ms</option>
<option value="250">250 ms</option>
<option value="500">500 ms</option>
<option value="1000">1000 ms</option>
</select>
</dd>
<dt>Scale:</dt>
separate rate and scale select events
2014-04-13 13:40:42 +00:00
<dd class="scale">
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
<select name="gyro_scale">
<option value="100">100</option>
<option value="1000">1000</option>
<option value="2000" selected="selected">2000</option>
</select>
</dd>
hook raw values text representations to data
2014-04-13 13:33:06 +00:00
<dt>X:</dt><dd class="x">0</dd>
<dt>Y:</dt><dd class="y">0</dd>
<dt>Z:</dt><dd class="z">0</dd>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
</dl>
</div>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<svg id="gyro">
utilize some of the free space
2014-04-13 12:44:08 +00:00
<g class="grid x" transform="translate(40, 120)"></g>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<g class="grid y" transform="translate(40, 10)"></g>
clamp width scale, reorder elements to hide AA
2014-04-13 16:04:08 +00:00
<g class="data" transform="translate(41, 10)"></g>
utilize some of the free space
2014-04-13 12:44:08 +00:00
<g class="axis x" transform="translate(40, 120)"></g>
Use d3 to render the sensors tab
2014-04-12 21:35:22 +00:00
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
RAW sensor tab with pulling speed selectors
2013-07-29 07:39:55 +00:00
<div class="clear-both"></div>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
</div>
plot enable/disable toggles
2014-04-13 22:15:56 +00:00
<div class="wrapper accel">
<div class="plot_control">
<div class="title">Accelerometer - g</div>
<dl>
<dt>Refresh:</dt>
<dd class="rate">
<select name="accel_refresh_rate">
<option value="10">10 ms</option>
<option value="20">20 ms</option>
<option value="30">30 ms</option>
<option value="40">40 ms</option>
<option value="50" selected="selected">50 ms</option>
<option value="100">100 ms</option>
<option value="250">250 ms</option>
<option value="500">500 ms</option>
<option value="1000">1000 ms</option>
</select>
</dd>
<dt>Scale:</dt>
<dd class="scale">
<select name="accel_scale">
<option value="0.5">0.5</option>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
</select>
</dd>
<dt>X:</dt><dd class="x">0</dd>
<dt>Y:</dt><dd class="y">0</dd>
<dt>Z:</dt><dd class="z">0</dd>
</dl>
</div>
<svg id="accel">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
<div class="clear-both"></div>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
</div>
plot enable/disable toggles
2014-04-13 22:15:56 +00:00
<div class="wrapper mag">
<div class="plot_control">
<div class="title">Magnetometer - Ga</div>
<dl>
<dt>Refresh:</dt>
<dd class="rate">
<select name="mag_refrash_rate">
<option value="10">10 ms</option>
<option value="20">20 ms</option>
<option value="30">30 ms</option>
<option value="40">40 ms</option>
<option value="50" selected="selected">50 ms</option>
<option value="100">100 ms</option>
<option value="250">250 ms</option>
<option value="500">500 ms</option>
<option value="1000">1000 ms</option>
</select>
</dd>
<dt>Scale:</dt>
<dd class="scale">
<select name="mag_scale">
<option value="0.5">0.5</option>
<option value="1" selected="selected">1</option>
</select>
</dd>
<dt>X:</dt><dd class="x">0</dd>
<dt>Y:</dt><dd class="y">0</dd>
<dt>Z:</dt><dd class="z">0</dd>
</dl>
</div>
<svg id="mag">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
</div>
<div class="clear-both"></div>
plot enable/disable toggles
2014-04-13 22:15:56 +00:00
<div class="wrapper baro">
<div class="plot_control">
<div class="title">Barometer - meters</div>
<dl>
<dt>Refresh:</dt>
<dd class="rate">
<select name="baro_refresh_rate">
<option value="10">10 ms</option>
<option value="20">20 ms</option>
<option value="30">30 ms</option>
<option value="40">40 ms</option>
<option value="50">50 ms</option>
<option value="100" selected="selected">100 ms</option>
<option value="250">250 ms</option>
<option value="500">500 ms</option>
<option value="1000">1000 ms</option>
</select>
</dd>
<dt>X:</dt><dd class="x">0</dd>
</dl>
</div>
<svg id="baro">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
<div class="clear-both"></div>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
</div>
plot enable/disable toggles
2014-04-13 22:15:56 +00:00
<div class="wrapper debug">
<div class="plot_control">
<div class="title">Debug 1</div>
<dl>
<dt>Refresh:</dt>
<dd class="rate">
<select name="debug_refresh_rate">
<option value="10">10 ms</option>
<option value="20">20 ms</option>
<option value="30">30 ms</option>
<option value="40">40 ms</option>
<option value="50">50 ms</option>
<option value="100">100 ms</option>
<option value="250">250 ms</option>
<option value="500" selected="selected">500 ms</option>
<option value="1000">1000 ms</option>
</select>
</dd>
<dt>X:</dt><dd class="x">0</dd>
</dl>
</div>
<svg id="debug1">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
<div class="clear-both"></div>
<div class="plot_control">
<div class="title">Debug 2</div>
<dl>
<dt>X:</dt><dd class="x">blue</dd>
</dl>
</div>
<svg id="debug2">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
<div class="clear-both"></div>
<div class="plot_control">
<div class="title">Debug 3</div>
<dl>
<dt>X:</dt><dd class="x">0</dd>
</dl>
</div>
<svg id="debug3">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
<div class="clear-both"></div>
<div class="plot_control">
<div class="title">Debug 4</div>
<dl>
<dt>X:</dt><dd class="x">0</dd>
</dl>
</div>
<svg id="debug4">
<g class="grid x" transform="translate(40, 120)"></g>
<g class="grid y" transform="translate(40, 10)"></g>
<g class="data" transform="translate(41, 10)"></g>
<g class="axis x" transform="translate(40, 120)"></g>
<g class="axis y" transform="translate(40, 10)"></g>
</svg>
initial rework pass for new d3 graphs
2014-04-13 12:35:30 +00:00
</div>
Add debug graphs to raw sensor data tab
2013-10-31 21:45:07 +00:00
</div>