yew_flight_indicators-0.1.0 has been yanked.

yew_flight_indicators

Like react-flight-indicators but for Yew.

example

Usage

use yew_flight_indicators::component::*;

yew::html!{
    <div style="display: grid; grid-template-columns: repeat(3,1fr); width: min-content;">
        <AirspeedIndicator
            airspeed={80.0} // Knots.
            max_airspeed={160.0} // Knots; default can be omitted.
        />
        <Altimeter
            altitude={50.0} // Feet.
            pressure={1013.25} // mmHg; default can be omitted.
        />
        <AttitudeIndicator
            pitch={50.0} // Degrees.
            roll={30.0} // Degrees.
        />
        <TurnCoordinator
            turn={30.0} // Degrees.
        />
        <HeadingIndicator
            heading={200.0} // Degrees.
        />
        <Variometer
            vertical_speed={500.0} // Feet per minute.
        />
    </div>
}

Extra Features

Configurable max air speed, instead of it being fixed to 160 knots.
SVG's are optimized in advance (see Makefile).

Removed Features

Showing a box around an indicator is not supported.

Authors

Originally, this project was based on work by igneosaur, which could be found on Bitbucket.

Further work was done by Sébastien Matton, whom developed the jQuery plugin as part of his master's for showing realtime flight information from a quadcopter.

Corstian Boerman has adapted the project by Sébastien for use with React.

Finn Bear has adapted the project by Corstian for use with Yew.

License