This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
1.0.0
Svg Widgets for elm
version 1.0.1
license BSD3
native-modules False
elm-version 0.16.0 <= v < 0.17.0
Tag 1.0.1
Committed At 2016-02-09 07:55:48 UTC
evancz/elm-svg 2.0.1 <= v < 3.0.0 2.0.1
evancz/elm-html 4.0.2 <= v < 5.0.0 4.0.2
elm-lang/core 3.0.0 <= v < 4.0.0 3.0.0

Modules

README

elm-widgets

Analog control widgets in ELM (unpublished) written in elm-svg

demo: https://obscure-sands-3870.herokuapp.com/

Seven Segment

sevenSegment : SevenSegmentProperties -> SevenSegmentStyle -> Svg

usage example:

let sevenSegmentProperties = { defaultSevenSegmentProperties | digits <- "1020" }
    sevenSegmentStyle = { defaultSeventSegmentStyle | textColor <- "#AAF"
                                                    , backgroundColor <- "#FFF" }
in sevenSegment sevenSegmentProperties sevenSegmentStyle

Segmented Bar Graph

segmentedBarGraph : SegmentedBarGraphProperties -> SegmentedBarGraphStyle -> Svg

usage example:

let segmentedBarGraphProperties = { defaultSegmentedBarGraphProperties | digits <- "1020" }
    segmentedBarGraphStyle = { defaultSegmentedBarGraphStyle  | emptyColor <- "#555"
                                                              , backgroundColor <- "#FFF" }
in segmentedBarGraph segmentedBarGraphProperties segmentedBarGraphStyle

Simulated Analog Meter

simulatedAnalogMeter : SimulatedAnalogMeterProperties -> SimulatedAnalogMeterStyle -> Svg

usage example:

let simulatedAnalogMeterProperties =
      { defaultSimulatedAnalogMeterProperties | currentValue <- "22"
                                              , ranges <- [ { color = "#00F"
                                                            , minValue = 0
                                                            , maxValue = 29.99 }
                                                          , { color = "#0F0"
                                                            , minValue = 0
                                                            , maxValue = 70.99 }
                                                          , { color = "#F00"
                                                            , minValue = 0
                                                            , maxValue = 70.99 ]}
    simulatedAnalogMeterStyle = defaultSimulatedAnalogMeterStyle
in simulatedAnalogMeter simulatedAnalogMeterProperties simulatedAnalogMeterStyle

Installation: elm-package install remoteradio/elm-widgets