https://github.com/ericgj/elm-sparklines

https://github.com/ericgj/elm-sparklines

Last synced: 8 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/ericgj/elm-sparklines
• Owner: ericgj
• License: bsd-3-clause
• Created: 2023-05-01T12:56:39.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-05-14T21:56:53.000Z (about 3 years ago)
• Last Synced: 2025-01-16T00:35:21.639Z (over 1 year ago)
• Language: Elm
• Size: 4.12 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# elm-sparklines

Line and columns sparklines charts with optional interactive brushing 

(selection and labelling), based on 

[elm-visualization](https://package.elm-lang.org/packages/gampleman/elm-visualization/latest).

![line with brushing](examples/assets/line-with-brushing.gif)

![columns with brushing](examples/assets/columns-with-brushing.gif)

![line facets with brushing](examples/assets/line-facets-with-brushing.gif)

## Getting started

Install from your elm project:

```

$ elm install ericgj/elm-sparklines

```

For color and label size configuration, you will also need to install 

`elm-community/typed-svg`, and use `TypedSvg.Types.Paint` and `TypedSvg.Types.Length`.

For brushing, you will need to install `gampleman/elm-visualization`, and 

create and maintain a brush in your model as described in the

[documentation](https://package.elm-lang.org/packages/gampleman/elm-visualization/latest/Brush).

The [Example/Brush](examples/src/Example/Brush.elm) and [Main](examples/src/Main.elm) 

example modules show how to do this.