https://github.com/yang-wei/elmflux

Visualization of Elm Signals
https://github.com/yang-wei/elmflux

Last synced: about 1 month ago
JSON representation

Visualization of Elm Signals

• Host: GitHub
• URL: https://github.com/yang-wei/elmflux
• Owner: yang-wei
• Created: 2016-02-17T16:05:13.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2022-12-28T06:38:10.000Z (almost 2 years ago)
• Last Synced: 2024-11-03T20:35:57.349Z (about 1 month ago)
• Language: Elm
• Homepage: http://yang-wei.github.io/elmflux/
• Size: 124 KB
• Stars: 68
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - yang-wei/elmflux - Visualization of Elm Signals (others)

README

        
## [Elmflux](http://yang-wei.github.io/elmflux/)

> Let's prove that [Elm](http://elm-lang.org/) signals do exist =)

![](https://cldup.com/xxMHJ6fkox.gif)

Like the diagram above, Elmflux is a web app that visualizing **Signal** in Elm. If you do not know anything about Signal then you can read it on [my blog](https://yang-wei.github.io/post/2016/02/04/a-step-to-step-guide-to-elm-signal/). Elmflux is inspired by [rxmarbles](https://github.com/staltz/rxmarbles) which visualizes Rx operators.

### How to use ?

For some signals, you have to move your mouse, type using your keyboard or resizing browser. You probably can guess what to do when you see the signal name.

## Contributing

More examples will be added to the website soon. I currently do not have roadmap of this repository yet so any ideas are welcome.

To run it locally, fork and clone this repository. Make sure you have [Elm installed](http://yang-wei.github.io/blog/2016/02/03/lets-elm-setting-up-everything/) then

```

elm make src/Main.elm --output build/main.js

open index.html

```

I am using travis to deploy this application and all the scripts are in [deploy.sh](https://github.com/yang-wei/elmflux/blob/master/deploy.sh) 

## Read more

 * [Elm doc](http://elm-lang.org/guide/reactivity)

 * [Signal API](http://package.elm-lang.org/packages/elm-lang/core/3.0.0/Signal)

 * [A Step to Step Guide to Elm Signal](http://yang-wei.github.io/blog/2016/02/04/a-step-to-step-guide-to-elm-signal/)