WiringDiagram.Svg

Convert a Layout of a WireDiagram to SVG

view : Viewport -> List (Svg msg) -> Html msg

Render a list of Svg items in a viewport to Html

type alias Viewport =

{ width : Float

, height : Float

, xMin : Float

, yMin : Float

}

Placement and dimensions of a Viewport to render SVG inside

layoutToSvg : Layout b -> Svg msg

Render a Layout to Svg

diagramToSvg : Diagram a -> Svg msg

Shortcut render a Diagram (via Layout) to Svg

Viewport defaults

smallViewport :

{ width : number

, height : number

, xMin : number

, yMin : number

}

A small viewport of 200x200

mediumViewport :

{ width : number

, height : number

, xMin : number

, yMin : number

}

A medium sized viewport (640x480)

wideViewport :

{ width : number

, height : number

, xMin : number

, yMin : number

}

A wide but low viewport of 1200x150

largeViewport :

{ width : number

, height : number

, xMin : number

, yMin : number

}

A larger sized viewport (1024x768)

Customization

type alias SvgConfig a =

{ toLabelString : a -> String

, dummy : ()

}

Preliminary way to control how labels turn into String for SVG

layoutToSvgWithConfig : SvgConfig a -> Layout a -> Svg msg

Render a Layout to Svg with configurable labeling

jcberentsen/elm-wiring-diagrams/1.1.0

WiringDiagram.Svg

Viewport defaults

Customization

Modules