Animation in Vega/Lite

Question

Ich habe versucht, eine Animation, ähnlich dem zur Umsetzung zeigte in https://vimeo.com/177767802 (min 02.30)

Mein Code ist folgende:

{ 
    "data": { 
    "values": [ 
     {"A": 2,"B": 3,"C": 4,"D": "a"}, 
     {"A": 1,"B": 2,"C": 1,"D": "a"}, 
     {"A": 4,"B": 5,"C": 15,"D": "b"}, 
     {"A": 9,"B": 10,"C": 80,"D": "b"} 
    ] 
    }, 
    "mark": "circle", 
    "select": {"id": {"type": "point","on": "mauseover"}}, 
    "encoding": { 
    "x": {"field": "A","type": "quantitative"}, 
    "y": {"field": "B","type": "quantitative"}, 
    "color": [ 
     {"if": "id","field": "D","type": "nominal"}, 
     {"value": "grey"} 
    ], 
    "size": {"value": 100} 
    }, 
    "config": {"mark": {"fillOpacity": 0.5}} 
} 

Im Wesentlichen ist es der gleiche Code wie im Video, mit dem einzigen Unterschied, dass ich einen kleineren Datensatz verwendet habe (ich nahm von H. Wickham.)

Ich habe versucht, das Diagramm mit dem Vega-Lite-Editor (https://vega.github.io/vega-editor/?mode=vega-lite&renderer=svg) zu rendern. Das resultierende Streudiagramm ist korrekt, die Kreise sind grau (wie sie sein sollten), aber es werden keine Animationen angezeigt und die Legende ist unterbrochen.

Meine Frage ist, ob etwas mit dem Code falsch ist, etwas, das ich übersehen habe. Wenn der Code stimmt, aber das Problem ist, dass ich Vega-Lite 1.0 anstelle von Vega-Lite 2.0 verwendet habe, gibt es eine Möglichkeit, ein Vega-Lite 2.0 im Vega zu verwenden (das volle Verständnis der Risiken der Verwendung eines Alfa-Versionscodes) -Lite-Editor?

Answer 1

Vega-lite unterstützt derzeit keine Auswahl, obwohl es in der kommenden 2.0-Version wird. Dieses Video ist eine Vorschau der interaktiven Funktionalität, die später in diesem Jahr verfügbar sein wird.

Answer 2

Sie können Vega 3 und Vega-Lite 2 mit Auswahlen unter https://vega.github.io/editor ausprobieren. Wir werden die bereitgestellten Versionen weiterhin aktualisieren.