Vai

io Se quiseres escrever guião para a Vai.io, deves saber algumas coisas. Vai.io é uma biblioteca JavaScript que facilita a criação de visualizações interactivas de dados. É construída em cima da biblioteca D3.js e utiliza a gramática de visualização Vega-Lite. Para utilizar Vai.io, terá de incluir os seguintes ficheiros JavaScript na sua página HTML: vai.js - A biblioteca Vai.io d3.js - A biblioteca D3.js vega-lite.js - A biblioteca Vega-Lite Estes ficheiros podem ser encontrados no repositório Vai.io GitHub. Depois de ter incluído os ficheiros JavaScript necessários, pode criar uma visualização Vai.io criando um objecto Vai.io e passando-lhe uma especificação Vega-Lite. Por exemplo: var vlSpec = { "$schema": "https://vega.github.io/schema/vega-lite/v2.json", "dados": { "url": "data.json": "data.json": "data.json }, "marca": "círculo", "codificação": { "x": {"campo": "x", "tipo": "quantitativo"}, "y": {"campo": "y", "tipo": "quantitativo"}, "cor": {"campo": "c", "tipo": "nominal"} } }; var vai = novo Vai(vlSpec); O código acima irá criar uma visualização Vai.io com as seguintes propriedades: Os dados para a visualização serão carregados a partir do ficheiro data.json. A visualização utilizará círculos para marcar os pontos de dados. A coordenada x dos pontos de dados será codificada pelo campo x no ficheiro data.json. A coordenada y dos pontos de dados será codificada pelo campo y no ficheiro data.json. A cor dos pontos de dados será codificada pelo campo c no ficheiro data.json. Pode encontrar mais informações sobre o Vai.io API na documentação do Vai.io.