- Okvir za vizalizacija rada Rx kombinatora/operatora.
- Lako uključivanje animacije u HTML dokumente koristeći nekoliko linija JavaScript koda.
- Definisanje ulaznih tokova animacije koristeći nizove i objekte.
- Definisanje ulaznih tokova iz brauzer DOM evenata (mouseover, keyup, mouseover ...)
- Definisanje lanca kombinatora koristeći Rx Js biblioteku.
- (samo JS verzija) Generisanje SVG statičkih prikaza pojedinih faza animacije
- (loop) kružno izvršavanje animacije
- (pause/stop) kontrola animacije
(create operators) prikaz operatora bez ulaznog toka (Just, Throw, Empty...)(multiple inputs) prikaz operatora sa više ulaza (Map, Merge ...)- (dom event streams) brauzer DOM event tokovi
- (graphics) strelice, senke...
<!DOCTYPE html>
...
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.7/rx.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.7/rx.time.js"></script>
<script src="./rx.diag.js"></script>
<body>
<script>
// 4 events, onComplete
var in1 = [
{shape: "marble", color: "blue", "tick": 1},
{shape: "marble", color: "green", "tick": 3},
{shape: "marble", color: "gray", "tick": 4},
{shape: "marble", color: "magenta", "tick": 6},
{shape: "complete", color: undefined, "tick": 8}
];
RxDiag.init(
{title: "Delay (500ms)"}, // naslov
function (in) { return in.delay(500) }, // kombinator/operator za prikaz
in1 // definicija ulaznog toka
);
</script>
Primer rada kombinatora Delay sa parametrom 500ms. Ulazni tok se okončava izuzetkom. http://amilosevic.github.io/sample/rxdiag/delay.html