jcberentsen/elm-wiring-diagrams/3.0.0

NOTE: the latest version is 5.4.7

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

simpleDiagramToSvg : Diagram String -> Svg msg

Shortcut render a Diagram with String labels (via Layout) to Svg

simpleLayoutToSvg : Layout String -> Svg msg

Render a (Layout String) to Svg

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

{ width : number
, height : number
, xMin : number
, yMin : number
}

A small viewport of 200x200

{ width : number
, height : number
, xMin : number
, yMin : number
}

A medium sized viewport (640x480)

{ width : number
, height : number
, xMin : number
, yMin : number
}

A wide but low viewport of 1200x150

{ width : number
, height : number
, xMin : number
, yMin : number
}

A larger sized viewport (1024x768)

Customization

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

Render a Layout to Svg with configurable labeling