Compositional IT

Feliz.ReactSpeedometer

Feliz style bindings for react-d3-speedometer

Demo

02004006008001000100

Installation

cd ./project
femto install Feliz.ReactSpeedometer

Sample Code

open Feliz.ReactSpeedometer

ReactSpeedometer.create [
    ReactSpeedometer.Value 100
    ReactSpeedometer.NeedleTransition EaseBackOut
    ReactSpeedometer.Width 500
    ReactSpeedometer.NeedleHeightRatio 0.7
    ReactSpeedometer.RingWidth 100
    ReactSpeedometer.NeedleTransitionDuration 1500
    ReactSpeedometer.TextColor "#102035"
    //Prior to v1
    //ReactSpeedometer.TextColor [| "#102035" |]
    ReactSpeedometer.Segments 5
    ReactSpeedometer.NeedleColor "#102035"
    ReactSpeedometer.SegmentColors [|
        "#fec903"
        "#e97305"
        "#e1053a"
        "#8cbf41"
        "#40a8b7"
    |]
]