terezka/charts/11.0.1

NOTE: the latest version is 20.0.1

Chart

Make a chart! Documentation is still unfinished!

Elements

List (Container data msg -> Container data msg)
-> List (Element data msg)
-> Html msg
type Element data msg
(data -> Float)
-> List (Series data msg)
-> List data
-> Element data msg
(data -> Maybe Float)
-> List (Scatter data msg -> Scatter data msg)
-> Series data msg
(data -> Maybe Float)
-> List (Interpolation data msg -> Interpolation data msg)
-> Series data msg
(data -> Maybe Float)
-> List (Interpolation data msg -> Interpolation data msg)
-> Series data msg
just : (data -> Float) -> data -> Maybe Float
List (Bars data msg -> Bars data msg)
-> List (Bar data msg)
-> List data
-> Element data msg
(data -> Float)
-> List (Histogram data msg -> Histogram data msg)
-> List (Bar data msg)
-> List data
-> Element data msg
bar :
(data -> Maybe Float)
-> List (BarConfig data msg -> BarConfig data msg)
-> Bar data msg

Work with bounds

type alias Bounds =
{ min : Float
, max : Float
}
startMin : Float -> Bounds -> Bounds
startMax : Float -> Bounds -> Bounds
endMin : Float -> Bounds -> Bounds
endMax : Float -> Bounds -> Bounds
startPad : Float -> Bounds -> Bounds
endPad : Float -> Bounds -> Bounds
zero : Bounds -> Float
middle : Bounds -> Float

Axis

xAxis : List (Axis msg -> Axis msg) -> Element item msg
yAxis : List (Axis msg -> Axis msg) -> Element item msg
xTicks : List (Tick tick msg -> Tick tick msg) -> Element item msg
yTicks : List (Tick tick msg -> Tick tick msg) -> Element item msg
xLabels : List (Label tick msg -> Label tick msg) -> Element item msg
yLabels : List (Label tick msg -> Label tick msg) -> Element item msg
grid : List (Grid msg -> Grid msg) -> Element item msg
amount : Int -> { a | amount : Int } -> { a | amount : Int }
{ a | values : Maybe (Values Float) }
-> { a | values : Maybe (Values Float) }
{ a | values : Maybe (Values Int) }
-> { a | values : Maybe (Values Int) }
Zone
-> { a | values : Maybe (Values Time) }
-> { a | values : Maybe (Values Time) }
(Int -> Bounds -> List tick)
-> (tick -> Float)
-> (tick -> String)
-> { a | values : Maybe (Values tick) }
-> { a | values : Maybe (Values tick) }
(tick -> String)
-> { a | values : Maybe (Values tick) }
-> { a | values : Maybe (Values tick) }
noArrow : { a | arrow : Bool } -> { a | arrow : Bool }
(Bounds -> Float)
-> { a | start : Bounds -> Float }
-> { a | start : Bounds -> Float }
end :
(Bounds -> Float)
-> { a | end : Bounds -> Float }
-> { a | end : Bounds -> Float }
(Bounds -> Float)
-> { a | pinned : Bounds -> Float }
-> { a | pinned : Bounds -> Float }
only : (b -> Bool) -> { a | only : b -> Bool } -> { a | only : b -> Bool }
(Bounds -> List Float)
-> { a | filterX : Bounds -> List Float }
-> { a | filterX : Bounds -> List Float }
(Bounds -> List Float)
-> { a | filterY : Bounds -> List Float }
-> { a | filterY : Bounds -> List Float }

Events

type alias Event data msg =
{ name : String
, decoder : Decoder data msg
}
event : String -> Decoder data msg -> Event data msg
type Decoder data item
getCoords : Decoder data Point
(List (Item (Maybe Float) data) -> List (DataPoint item))
-> Decoder data (List (DataPoint item))
(List (Item (Maybe Float) data) -> List (DataPoint item))
-> Decoder data (List (DataPoint item))
(List (Item (Maybe Float) data) -> List (DataPoint item))
-> Float
-> Decoder data (List (DataPoint item))
(List (Item (Maybe Float) data) -> List (DataPoint item))
-> Float
-> Decoder data (List (DataPoint item))
map : (a -> item) -> Decoder data a -> Decoder data item
map2 : (a -> b -> item) -> Decoder data a -> Decoder data b -> Decoder data item
(a -> b -> c -> item)
-> Decoder data a
-> Decoder data b
-> Decoder data c
-> Decoder data item
(a -> b -> c -> d -> item)
-> Decoder data a
-> Decoder data b
-> Decoder data c
-> Decoder data d
-> Decoder data item
type alias Metric =
{ label : String
, color : String
, unit : String
}
type Item value data
type alias Single value data =
{ datum : data
, position : Point
, values :
{ x : Float
, y : value
}
, metric : Metric
}
type alias Group value data =
{ datum : data
, position : Point
, items : List (Single value data)
}
getBars : List (Item value data) -> List (Single value data)
getGroups : List (Item value data) -> List (Group value data)
getDots : List (Item value data) -> List (Single value data)
withoutUnknowns : List (Item (Maybe Float) data) -> List (Item Float data)
(Bounds -> Float)
-> (Bounds -> Float)
-> List (Attribute msg)
-> List (Html msg)
-> Element data msg
(Bounds -> Float)
-> (Bounds -> Float)
-> List (Attribute msg)
-> List (Html msg)
-> Element data msg
when : List a -> (a -> List a -> Element data msg) -> Element data msg
formatTimestamp : Zone -> Float -> String

Attributes

width : Float -> { a | width : Float } -> { a | width : Float }
height : Float -> { a | height : Float } -> { a | height : Float }
marginTop : Float -> { a | marginTop : Float } -> { a | marginTop : Float }
Float
-> { a | marginBottom : Float }
-> { a | marginBottom : Float }
marginLeft : Float -> { a | marginLeft : Float } -> { a | marginLeft : Float }
marginRight : Float -> { a | marginRight : Float } -> { a | marginRight : Float }
paddingTop : Float -> { a | paddingTop : Float } -> { a | paddingTop : Float }
Float
-> { a | paddingBottom : Float }
-> { a | paddingBottom : Float }
paddingLeft : Float -> { a | paddingLeft : Float } -> { a | paddingLeft : Float }
Float
-> { a | paddingRight : Float }
-> { a | paddingRight : Float }
center : { a | center : Bool } -> { a | center : Bool }
(Bounds -> Bounds)
-> { a | range : Maybe (Bounds -> Bounds) }
-> { a | range : Maybe (Bounds -> Bounds) }
(Bounds -> Bounds)
-> { a | domain : Maybe (Bounds -> Bounds) }
-> { a | domain : Maybe (Bounds -> Bounds) }
topped : Int -> { a | topped : Maybe Int } -> { a | topped : Maybe Int }
static : { a | responsive : Bool } -> { a | responsive : Bool }
id : String -> { a | id : String } -> { a | id : String }
List (Event data msg)
-> { a | events : List (Event data msg) }
-> { a | events : List (Event data msg) }
List (Attribute msg)
-> { a | htmlAttrs : List (Attribute msg) }
-> { a | htmlAttrs : List (Attribute msg) }
(data -> Float)
-> { a | binWidth : Maybe (data -> Float) }
-> { a | binWidth : Maybe (data -> Float) }
(data -> String)
-> { a | binLabel : Maybe (data -> String) }
-> { a | binLabel : Maybe (data -> String) }
(data -> Maybe String)
-> { a | topLabel : data -> Maybe String }
-> { a | topLabel : data -> Maybe String }
(data -> String)
-> { a | color : Maybe (data -> String) }
-> { a | color : Maybe (data -> String) }
tickLength : Float -> { a | tickLength : Float } -> { a | tickLength : Float }
tickWidth : Float -> { a | tickWidth : Float } -> { a | tickWidth : Float }
margin : Float -> { a | margin : Float } -> { a | margin : Float }
spacing : Float -> { a | spacing : Float } -> { a | spacing : Float }
rounded : Float -> { a | rounded : Float } -> { a | rounded : Float }
roundBottom : { a | roundBottom : Bool } -> { a | roundBottom : Bool }
dotted : { a | dotted : Bool } -> { a | dotted : Bool }
color : String -> { a | color : String } -> { a | color : String }
label : String -> { a | label : String } -> { a | label : String }
unit : String -> { a | unit : String } -> { a | unit : String }
dot :
(data -> Dot msg)
-> { a | dot : Maybe (data -> Dot msg) }
-> { a | dot : Maybe (data -> Dot msg) }
String
-> { a | area : Maybe String }
-> { a | area : Maybe String }
List (Attribute msg)
-> { a | attrs : List (Attribute msg) }
-> { a | attrs : List (Attribute msg) }

Interop

(Bounds -> Float)
-> (Bounds -> Float)
-> Float
-> Float
-> List (Svg msg)
-> Element data msg
(Bounds -> Float)
-> (Bounds -> Float)
-> Float
-> Float
-> List (Attribute msg)
-> List (Html msg)
-> Element data msg
svg : (Plane -> Svg msg) -> Element data msg
html : (Plane -> Html msg) -> Element data msg
none : Element data msg

Colors

blue : String
orange : String
pink : String
green : String
red : String