Hylograph.Expr.Interpreter.PureSVG

data SVGElement

An SVG element with tag, attributes, and children

Constructors

• Element { attrs :: Array { name :: String, value :: String }, children :: Array SVGElement, tag :: String }
• TextContent String

type SVGDoc = { children :: Array SVGElement, height :: Number, viewBox :: Maybe String, width :: Number }

A complete SVG document

svg :: Number -> Number -> Array SVGElement -> SVGDoc

Create an SVG root element

g :: Array { name :: String, value :: String } -> Array SVGElement -> SVGElement

Group element

circle :: { cx :: String, cy :: String, r :: String } -> Array { name :: String, value :: String } -> SVGElement

Circle element

rect :: { height :: String, width :: String, x :: String, y :: String } -> Array { name :: String, value :: String } -> SVGElement

Rectangle element

line :: { x1 :: String, x2 :: String, y1 :: String, y2 :: String } -> Array { name :: String, value :: String } -> SVGElement

Line element

text :: { x :: String, y :: String } -> Array { name :: String, value :: String } -> String -> SVGElement

Text element

path :: String -> Array { name :: String, value :: String } -> SVGElement

Path element

render :: SVGElement -> String

Render an element to SVG string

renderDoc :: SVGDoc -> String

Render a complete SVG document

forData :: forall a. Array a -> (a -> Int -> SVGElement) -> Array SVGElement

Map over data with index, like D3's data join but pure