This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
Koivu
version 4.1.1
license MIT
native-modules False
elm-version 0.18.0 <= v < 0.19.0
Tag 4.1.1
Committed At 2018-05-14 10:23:41 UTC
elm-lang/svg 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/keyboard 1.0.1 <= v < 2.0.0 1.0.1
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/dom 1.1.1 <= v < 2.0.0 1.1.1
elm-lang/core 5.1.1 <= v < 6.0.0 5.1.1
brenden/elm-tree-diagram 3.0.0 <= v < 4.0.0 3.0.0
allo-media/canopy 3.1.0 <= v < 4.0.0 3.1.0

README

koivu

An interactive tree representation of AlloMedia's Customer Path (demo).

This repository holds code for:

  • An Elm package containing the logic of the component
  • A npm package containing the SASS styles for the component

Note: while open sourced, these packages are most likely to be addressing the sole own needs of Allo-Media.

Minimal program

module Main exposing (..)

import Koivu
import Koivu.Tree as Tree
import Koivu.Settings exposing (Settings)
import Html

settings : Settings
settings =
    { autoNormalize = False
    , globalQty = 100000
    , minNodeQty = 3000
    , maxChildren = 4
    , maxGlobalQty = 200000
    , maxLevels = 3
    , nodeWidth = 140
    , nodeHeight = 80
    , nodePadding = 10
    }

main : Program Never Koivu.Model Koivu.Msg
main =
    Tree.demoTree
        |> Koivu.setup settings
        |> Html.program

You'll find a more elaborate integration example in the example subfolder.

Running the demo locally

A demo is available from the example folder:

$ cd example
$ npm i
$ npm start

Then head to localhost:3000.

License

MIT