io
Pokud chcete napsat skript pro Vai.io, měli byste vědět několik věcí. Vai.io je knihovna v JavaScriptu, která umožňuje snadno vytvářet interaktivní vizualizace dat. Je postavena nad knihovnou D3.js a používá vizualizační gramatiku Vega-Lite.
Chcete-li používat Vai.io, musíte do své stránky HTML zahrnout následující soubory JavaScriptu:
vai.js - Knihovna Vai.io
d3.js - Knihovna D3.js
vega-lite.js - Knihovna Vega-Lite
Tyto soubory najdete v repozitáři Vai.io na GitHubu.
Po zahrnutí potřebných souborů JavaScriptu můžete vytvořit vizualizaci Vai.io vytvořením objektu Vai.io a předáním specifikace Vega-Lite. Například:
vlSpec = {
"$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"data": {
"url": "data.json"
},
"mark": "circle",
"encoding": {
"x": "x": {"field": "x", "type": "kvantitativní"},
"y": "y", "type": "y": "y": "kvantitativní"},
"color": {"field": "c", "type": "nominální"}
}
};
var vai = new Vai(vlSpec);
Výše uvedený kód vytvoří vizualizaci Vai.io s následujícími vlastnostmi:
Data pro vizualizaci budou načtena ze souboru data.json.
Vizualizace bude používat kružnice k označení datových bodů.
Souřadnice x datových bodů bude zakódována pomocí pole x v souboru data.json.
Souřadnice y datových bodů bude kódována polem y v souboru data.json.
Barva datových bodů bude kódována polem c v souboru data.json.
Další informace o rozhraní API Vai.io najdete v dokumentaci Vai.io.