| Crates.io | yew_flight_indicators |
| lib.rs | yew_flight_indicators |
| version | 0.2.1 |
| created_at | 2024-12-17 19:51:27.164749+00 |
| updated_at | 2024-12-31 20:00:00.681158+00 |
| description | Flight indicators for Yew websites |
| homepage | |
| repository | https://github.com/finnbear/yew_flight_indicators/ |
| max_upload_size | |
| id | 1486679 |
| size | 704,828 |
Like jQuery Flight Indicators and react-flight-indicators but for Yew.

use yew_flight_indicators::component::*;
yew::html!{
<div
style="display: grid; grid-template-columns: repeat(3,1fr); gap: 0.5rem; width: min-content;"
>
<AirspeedIndicator
airspeed={80.0} // Knots.
stall_airspeed={70.0} // Knots; optional.
caution_airspeed={130.0} // Knots; optional.
never_exceed_airspeed={150.0} // Knots; optional.
max_airspeed={160.0} // Knots; optional.
/>
<Altimeter
altitude={50.0} // Feet.
pressure={29.92} // inHg; optional.
/>
<AttitudeIndicator
pitch={50.0} // Degrees.
roll={30.0} // Degrees.
/>
<TurnCoordinator
turn={30.0} // Degrees.
slip={20.0} // Degrees; optional.
/>
<HeadingIndicator
heading={200.0} // Degrees.
autopilot_heading={160.0} // Degrees; optional.
/>
<Variometer
vertical_speed={500.0} // Feet per minute.
/>
</div>
}
Danny Edwards created the original attitude-indicator in HTML.
Sébastien Matton added SVG's and adapted it into a jQuery plugin, as part of his master's for showing realtime flight information from a quadcopter.
Corstian Boerman adapted the project by Sébastien into a React library.
Finn Bear has adapted the project by Corstian into a Yew library. As of version 0.2, the SVG's and code were re-drawn, re-written, and distributed under a new license.
Code and SVG's licensed under either of:
at your option.
Additionally, SVG's can be licensed under the CC BY 4.0 License (CC BY 4.0 or https://creativecommons.org/licenses/by/4.0/legalcode.en) at your option.
Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the Apache-2.0 license, shall be dual or triple licensed as above, without any additional terms or conditions.