Interaction Designer, Creative Technologist, Professor and Researcher
Public
Edited
Feb 3
Importers
viewof dadosfiltrados = Inputs.search(meusdados)
A nova variável dadosfiltrados está conectada agora a uma nova fonte de dados que contém as informações filtradas em tempo real da fonte original meusdados. Tabelas criadas com a variável dadosfiltrados irão exibir apenas os dados em que os termos incluídos no filtro estiverem presentes.
Se você deseja criar um filtro fixo, extraindo um certo tipo de dado das fontes originais para uso e visualização no notebook, pode incluir mais parâmetros no Search:
js
viewof filtrofixo = Inputs.search(meusdados, {
label: "etiqueta",
query: "Termo para filtro",
disabled: true
})
☞ Algumas informações extras são necessárias para realizar esta filtragem fixa: além do nome de uma nova variável (aqui como filtrofixo mas que você pode utilizar o que preferir no lugar), também temos "etiqueta", entre aspas, que é a orientação que aparecerá na lateral esquerda do campo, e em "Termo para filtro", que também precisa ser entre aspas, os termos que você deseja utilizar para realizar a filtragem dos dados.
Abaixo temos uma tabela com os dados filtrados pelo termo "Sierra":
viewof filtrofixo = Inputs.search(meusdados, {
label: "de uma produtora",
placeholder: "Dados contendo Sierra",
query: "Sierra",
disabled: true
})
viewof sosierra = Inputs.table(filtrofixo)
viewof seleciona_ano = Inputs.range([1984, 2021], {
label: "Ano",
step: 1,
value: 2017
})
viewof filtroporano = Inputs.search(meusdados, {
label: "dados filtrados pelo Range",
query: seleciona_ano,
disabled: true
})
viewof visualizaporano = Inputs.table(filtroporano)
viewof seleciona_indice = Inputs.range([0, todas_produtoras.length - 1], {
label: "Indice",
step: 1,
value: 13
})
viewof filtraporprodutora = Inputs.search(meusdados, {
label: "dados filtrados pelo segundo Range",
query: todas_produtoras[seleciona_indice],
disabled: true
})
viewof visualizaporprodutora = Inputs.table(filtraporprodutora)
viewof visualizaustwo_errado = Inputs.table(ustwo_errado)
ustwo_correto = cfilter(dadosfiltrados, "produtora", "Us")
viewof visualizaustwo_correto = Inputs.table(ustwo_correto)
viewof filtrostring = Inputs.search(meusdados, {
label: "entrada textual"
})
zoomsunburst(arvore(filtrostring))
import { gsdata } from "@ranoya/datat"
import { unique } from "@ranoya/datat"
meusdados = gsdata(
"https://docs.google.com/spreadsheets/d/1mOvH6mpP5SOdaSmWvRL8KpCqLJKM3ZjvxY97o-55cBY/edit?gid=0#gid=0"
)
import { cfilter } from "@ranoya/datat"
import { zoomsunburst } from "@ranoya/zoomd3viz"
arvore = function (arr) {
let anos = unique(arr, "ano");
let produtoras = "";
let produtos = "";
let cprods = 0;
let newarr = {};
newarr.name = "Tudo";
newarr.children = [];
let contaA = 0;
let incluiProds = "";
for (let a = 0; a < anos.length; a++) {
newarr.children[contaA] = {};
newarr.children[contaA].name = anos[a];
newarr.children[contaA].children = [];
produtoras = unique(cfilter(arr, "ano", new RegExp(anos[a])), "produtora");
for (let p = 0; p < produtoras.length; p++) {
newarr.children[contaA].children[p] = {};
newarr.children[contaA].children[p].name = produtoras[p];
produtos = [];
cprods = 0;
for (let ip = 0; ip < arr.length; ip++) {
if (anos[a] == arr[ip].ano && produtoras[p] == arr[ip].produtora) {
produtos[cprods] = arr[ip].nome;
cprods++;
}
}
newarr.children[contaA].children[p].children = [];
for (let j = 0; j < produtos.length; j++) {
newarr.children[contaA].children[p].children[j] = {};
newarr.children[contaA].children[p].children[j].value =
produtoras.length;
newarr.children[contaA].children[p].children[j].name = produtos[j];
}
}
contaA++;
}
return newarr;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
