fingerpich / rx-visualization

Visualizes Reactive Streams with interactive diagrams to make it easy to learn Rxjs.

Rx Visualization

Learn to use Rx (RxJs, RxJava, RxSwift , ...) library with super intuitive interactive diagrams.

Visualizing Examples

• Visualizes use of Range and Last operator
• Visualizes Interval and First operator
• Visualizes Zip observables in Rx
• Visualizes use of Delay operator in Rx
• Visualizes multiple observer for an observable
• Visualizes Chaining some operators
• Visualizes Repeat operator
• Visualizes a Hot Observable with Share operator
• Visualizes Multiplication over time using Scan operator
• Visualizes hot vs cold observables

FAQ

How to create a new connection?

Just hold the mouse on the corner of operator circles and drag it to the target node.

What are shortcuts?

press shift and type the operator's name to add it to the scene, use enter key to replay the animation.