https://github.com/terezka/elm-charts

Create SVG charts in Elm.
https://github.com/terezka/elm-charts

charts elm svg

Last synced: 5 days ago
JSON representation

Create SVG charts in Elm.

• Host: GitHub
• URL: https://github.com/terezka/elm-charts
• Owner: terezka
• License: bsd-3-clause
• Created: 2016-06-06T08:40:34.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-03-27T19:33:22.000Z (10 months ago)
• Last Synced: 2024-10-29T22:32:06.351Z (2 months ago)
• Topics: charts, elm, svg
• Language: Elm
• Homepage: https://www.elm-charts.org
• Size: 3.28 MB
• Stars: 735
• Watchers: 15
• Forks: 67
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ccamel - terezka/elm-charts - Create SVG charts in Elm. (Elm)

README

        
# elm-charts

Make SVG charts in all Elm. The package can draw charts at a variety of different levels of customizations, from basic charts with standard features to very custom styles. The library also allows including your very own SVG elements still easily utilizing the coordinate system calculated from your data, as well as editing the SVG made by the package. It has great support for interactivity, layering different charts, and adding irregular details.

You can check out [the many examples](https://elm-charts.org)!

Here is also a basic example to copy and play with.

```elm

import Chart as C

import Chart.Attributes as CA

main : Svg msg

main =

  C.chart

    [ CA.height 300

    , CA.width 300

    ]

    [ C.xTicks []

    , C.yTicks []

    , C.xLabels []

    , C.yLabels []

    , C.xAxis []

    , C.yAxis []

    , C.bars [] [ C.bar identity [] ] [ 2, 4, 3 ]

    ]

```