elm-wiring-diagrams

Wiring diagrams

This is an experimental package for creating wiring diagrams, inspired by https://arxiv.org/pdf/2101.12046.pdf

Diagrams can be composed of boxes with ports. Boxes can be chained or put in parallel.

Diagrams are abstract, and needs to go through a Layout before rendering to Svg.

Example usage

Try out in Ellie: https://ellie-app.com/fjxnhFdGfSsa1

import Element exposing (html, padding, column)

import Cartesian as C exposing (before)
import Cartesian.Layout as Layout
import Cartesian.Layout.Svg as Layout
import Cartesian.Svg as Svg
import Diagram.Svg as Svg
import Cartesian.Examples exposing (a,b,c)

svg = let diagram = a |> before b |> before c
  in Svg.view Svg.smallViewport [ Svg.fromDiagram diagram ]


main = Element.layout [padding 16 ] <| html svg

Tutorial in Ellie:

https://ellie-app.com/fjxck9J4ktPa1