by staltz

staltz / rxmarbles

Interactive diagrams of Rx Observables

3.9K Stars 490 Forks Last release: over 5 years ago (v1.3.2) BSD 3-Clause "New" or "Revised" License 231 Commits 15 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


A webapp for experimenting with diagrams of Rx Observables, for learning purposes.

Example switchMap


  • Visualize example diagrams for each operator in Rx
  • Drag an item ("marble") on an Observable to see how the operator reacts
  • Direct link to any example diagram, e.g., http://rxmarbles.com/#delay


This is a Cycle.js app. Use this as an example implementation of advanced custom elements in Cycle.


Fork and git clone the repository.

npm install

The roadmap is entirely specified in the TODO file, which follows the git-done syntax. You can also use

git done
instead of
git commit
if you wish. For minor bug fixes, you won't need to deal with the TODO file. But if you're building a feature, remember to write a
entry before you commit and send the pull request.

The build system is using npm scripts. To develop, build the project with

npm run build

And access the site on your local machine as


Make a pull request when you're ready.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.