io
Ak chcete napísať skript pre Vai.io, mali by ste vedieť niekoľko vecí. Vai.io je knižnica JavaScriptu, ktorá uľahčuje vytváranie interaktívnych vizualizácií údajov. Je postavená nad knižnicou D3.js a používa vizualizačnú gramatiku Vega-Lite.
Ak chcete používať Vai.io, musíte do svojej stránky HTML zahrnúť nasledujúce súbory JavaScript:
vai.js - Knižnica Vai.io
d3.js - Knižnica D3.js
vega-lite.js - Knižnica Vega-Lite
Tieto súbory nájdete v úložisku Vai.io GitHub.
Po zahrnutí potrebných súborov JavaScriptu môžete vytvoriť vizualizáciu Vai.io vytvorením objektu Vai.io a odovzdaním mu špecifikácie Vega-Lite. Napríklad:
vlSpec = {
"$schema": "https://vega.github.io/schema/vega-lite/v2.json",
"data": {
"url": "data.json"
},
"mark": "circle",
"encoding": {
"x": "x", "type": "kvantitatívny"},
"y": "y", "type": "y": "kvantitatívny"},
"color": "c", "type": "nominálny"}
}
};
var vai = new Vai(vlSpec);
Uvedený kód vytvorí vizualizáciu Vai.io s nasledujúcimi vlastnosťami:
Údaje pre vizualizáciu sa načítajú zo súboru data.json.
Vizualizácia bude používať kruhy na označenie dátových bodov.
Súradnica x dátových bodov bude kódovaná poľom x v súbore data.json.
Súradnica y dátových bodov bude kódovaná poľom y v súbore data.json.
Farba dátových bodov bude kódovaná poľom c v súbore data.json.
Ďalšie informácie o rozhraní API Vai.io nájdete v dokumentácii Vai.io.