D3JS.Chart

This modules provides high-level functions for drawing common charts, such as bar charts and scatter plots. Those functions also exemplify how to compose primitive functions to achieve complex drawing. This module will be expanded in the near future.

Documentation

box :: Selector -> (Double, Double) -> St (Var' Selection)

box parent (w,h) makes an SVG container in a parent element with dimension w x h.

bars :: Int -> Double -> Data1D -> Var' Selection -> St ()

scatter :: Data2D -> Var' Selection -> St (Var' (SelData Data2D))

addRect :: Sel2 a => Var' RectData -> Chain a (SelData RectData)

Add rectangles with an array of objects {x: x, y: y, width: w , height: h}

mkRectData :: Double -> Data1D -> RectData

addCircles :: Sel2 a => Var' Data2D -> Chain a (SelData Data2D)

disappear :: Sel2 a => Double -> Double -> Var' a -> St ()

disappear delay duration

addFrame :: Sel2 a => (Double, Double) -> (Double, Double) -> Var' a -> St ()

data RectData

Constructors

RectData [(Double, Double, Double, Double)]

Instances

Reifiable RectData

Assignable RectData