2e:null 2f:["$","title",null,{"children":"Relação bibliográfica básica em Design da Informação e da Comunicação Visual | Guilherme Ranoya | Observable"}] 34:T805,listabibliografica = function (arr, filtros) { let htmlcode = ""; let tipologias = []; let anos = []; htmlcode += "

" + arr.length + " obra(s) "; if (filtros != "") { let tipos = taxos(arr, "tipologia"); for (let i = 0; i < tipos.length; i++) { htmlcode += "

" + tipos[i] + ": " + allby(arr, "tipologia", tipos[i]).length + "

"; for (let k = 0; k < arr.length; k++) { if (arr[k].tipologia == tipos[i]) { htmlcode += "" + arr[k].autor + " " + arr[k].titulo + " " + arr[k].ano + "."; if (arr[k].orientador != "") { htmlcode += "

Orientador(a): " + arr[k].orientador + "

"; } htmlcode += "
"; } } htmlcode += "
"; } } else { for (let a = arr.length - 1; a >= 0; a--) { anos[arr[a].ano] = true; } let anosdecrescente = []; let iv = Object.keys(anos).length - 1; for (let n = 0; n < Object.keys(anos).length; n++) { anosdecrescente[iv] = Object.keys(anos)[n]; iv--; } for (let aa = 0; aa < anosdecrescente.length; aa++) { htmlcode += "

" + anosdecrescente[aa] + "

"; for (let z = 0; z < arr.length; z++) { if (anosdecrescente[aa] == arr[z].ano) { htmlcode += "" + arr[z].autor + " " + arr[z].titulo + " " + arr[z].ano + ".
"; } } } } htmlcode += `

`; return htmlcode; }35:T7fa,listabibliograficaopen = function (arr, filtros) { let htmlcode = ""; let tipologias = []; let anos = []; htmlcode += "

" + arr.length + " obra(s) "; if (filtros != "") { let tipos = taxos(arr, "tipologia"); for (let i = 0; i < tipos.length; i++) { htmlcode += "

" + tipos[i] + ": " + allby(arr, "tipologia", tipos[i]).length + "

Orientador(a): " + arr[k].orientador + "

" + anosdecrescente[aa] + "

"; for (let z = 0; z < arr.length; z++) { if (anosdecrescente[aa] == arr[z].ano) { htmlcode += "" + arr[z].autor + " " + arr[z].titulo + " " + arr[z].ano + ".
"; } } } } htmlcode += `

`; return htmlcode; }36:T9c9,barras = function (arr, crit) { let universidades = taxos(arr, crit); let quantperuniversitas = []; for (let k = 0; k < arr.length; k++) { if ( arr[k][crit] != "" && arr[k][crit] != undefined && arr[k][crit] != null ) { if ( typeof quantperuniversitas[arr[k][crit]] == undefined || typeof quantperuniversitas[arr[k][crit]] == null || isNaN(quantperuniversitas[arr[k][crit]]) ) { quantperuniversitas[arr[k][crit]] = 1; } else { quantperuniversitas[arr[k][crit]]++; } } } // valor máximo let maxv = 0; for (let key in quantperuniversitas) { if (quantperuniversitas[key] > maxv) { maxv = quantperuniversitas[key]; } } let fact = 150 / maxv; let quntasbarras = Object.keys(quantperuniversitas).length; let quantasbarras = quntasbarras * 40 - 5; let positx = 0; let htmlcode = ""; htmlcode += ""; return htmlcode; }37:T8cf,38:[] 32:{"id":"04cd55a56f73f622","slug":"bibliografia-di","title":"Relação bibliográfica básica em Design da Informação e da Comunicação Visual","thumbnail":"22bd9430abd162fbbc6c6e1f255d2dee74eead60022619945b58aefd708e2b8f","access_level":"public","create_time":"$D2022-06-03T15:48:38.320Z","update_time":"$D2024-09-18T18:14:44.140Z","view_time":null,"first_public_time":"$D2022-06-03T17:48:55.718Z","has_unpublished_edits":null,"fork":{"id":"455b93c1fb442ffe","slug":"bibliografia-global-dataviz","title":"Bibliografia global sobre Visualização da Informação, e textos correlatos (acredito que não utilizado)","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"stars":0,"starred":false,"owner":{"type":"team","id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":"starter_2024"},"version":1333,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null}],"members":[{"type":"individual","id":"92bd7310c7ec23d5","login":"ranoya","name":"Guilherme Ranoya","avatar_url":"https://avatars-next.observableusercontent.com/f2bd0349885993a7b110789aa4741bda605eb0a795d20940d586f0ced4c0f91a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":{"id":"fc353f0e3a763b15","slug":"visse","title":"VISSE","owner":{"id":"0a78bc4380cdd0f8","login":"ranoya","name":"Guilherme Ranoya"}},"type":"notebook","body":{"title":"Relação bibliográfica básica em Design da Informação e da Comunicação Visual","cells":[{"id":0,"value":"# Relação bibliográfica básica em
Design da Informação e da Comunicação Visual\n### VISSE - Laboratório de Visualização e Sentido do Nordeste\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1307,"value":"navega = html`${custombuttons([\n { label: \"Tudo\", value: \"\" },\n { label: \"Linguagem Gráfica\", value: \"linguagem gráfica\" },\n { label: \"Teória e Aspectos Conceituais\", value: \"definições conceituais\" },\n { label: \"Teória e Aspectos Conceituais\", value: \"definições conceituais\" },\n { label: \"Aspectos Projetuais\", value: \"prática do designer da informação\" }\n])}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"viewof filtros = Inputs.text({\n placeholder: \"Ex: Twyman, journal, 2020\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"listabibliografia = html`${listabibliografica(dadosfiltrados, filtros)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1317,"value":"listabibliografiapub = html`${listabibliograficaopen(dadosfiltrados, filtros)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"
\n
\n
\n\n------------------\n## Apêndice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"#### 1. Captura dos dados da planilha","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":565,"value":"##### Função que captura dados do banco","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"import { getcsvdata, GoogleSheetCsvURL } from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1266,"value":"fetchbibliografia = getcsvdata(\n GoogleSheetCsvURL(\n \"https://docs.google.com/spreadsheets/d/1d9eKw82lnM5GvVkBUe8wLcHSxpmDm5B6dUqWRbazOik/edit#gid=643484149\"\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1326,"value":"json = fetchbibliografia","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1270,"value":"// json = bfilter(fetchbibliografia, \"bibliografiaglobal\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"
\n#### 2. Aplicação de filtros de pesquisa nos dados e padrões encontrados","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"##### filtrando dados da bibliografia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"viewof dadosfiltrados = Inputs.search(json, {\n label: \"Filtrando por\",\n placeholder: \"Nenhum filtro\",\n query: \"_fdi \" + filtros,\n disabled: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"dadosfiltrados","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"##### padrões nos dados filtrados","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"ano = dadounico(dadosfiltrados, \"ano\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"
\n#### 3. Tratamento de dados","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1263,"value":"import { bfilter } from \"@ranoya/datat\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"##### Função faz uma lista dos diferentes critérios usados em uma array (para dados estruturados)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"taxos = function (arr, crit) {\n let tipologias = [];\n\n for (let n = 0; n < arr.length; n++) {\n tipologias[arr[n][crit]] = true;\n }\n\n let tipos = Object.keys(tipologias);\n\n return tipos;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"##### Verifica se tratar de um critério único na array","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"dadounico = function (arr, crit) {\n let quantidade = taxos(arr, crit);\n\n if (quantidade.length == 1) {\n return quantidade[0];\n } else {\n return false;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"##### Função que faz uma lista com os índices de uma array onde um critério detém um determinado valor","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"allby = function (arr, crit, val) {\n let registros = [];\n let count = 0;\n\n for (let k = 0; k < arr.length; k++) {\n if (arr[k][crit] == val) {\n registros[count] = k;\n count++;\n }\n }\n\n return registros;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"##### Função que clona uma array e inclui dados nela a partir de uma função","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"/* USO:\n * novaarray = incluidados(arrayantiga, function(d) {\n * trata dados\n * })\n */\n\nincluidados = function (arr, fun) {\n let newarr = [];\n\n for (let i = 0; i < arr.length; i++) {\n newarr[i] = arr[i];\n fun(newarr[i]);\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":954,"value":"##### Função que cria uma nova lista a partir de uma função","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":952,"value":"/* USO:\n * novaarray = separados(arrayantiga, function(o,n,colecaodedados) {\n * trata dados\n * o - arraybase\n * n - nova array\n * colecaodedados - array para suporte\n *\n * }, colecaodedados)\n */\n\nseparadados = function (arr, fun, arr2) {\n let newarr = [];\n\n for (let i = 0; i < arr.length; i++) {\n fun(newarr, arr[i], arr2);\n }\n\n return newarr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"##### somatória de palavras-chave","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1104,"value":"keywords = function (arr) {\n let lista = \"\";\n let htmlcode = \"\";\n let operador = \"\";\n let criterios = [];\n let re = /(;)|(; )|(, )/gi;\n\n for (let i = 0; i < arr.length; i++) {\n operador += arr[i].chaves.replace(re, \",\").toLowerCase() + \" \";\n }\n\n lista = operador.split(\",\");\n\n for (let n = 0; n < operador.length; n++) {\n if (lista[n] != \"\" && lista[n] != undefined && lista[n] != null) {\n if (\n isNaN(criterios[lista[n]]) ||\n criterios[lista[n]] == undefined ||\n criterios[lista[n]] == null\n ) {\n criterios[lista[n]] = 1;\n } else {\n criterios[lista[n]]++;\n }\n }\n }\n\n let listaordenada = [];\n\n for (let key in criterios) {\n listaordenada.push(\n \"\" +\n key +\n \" \" +\n criterios[key] +\n \"\"\n );\n }\n\n return listaordenada.sort();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1291,"value":"##### redefine dados do campo de pesquisa","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1294,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1297,"value":"acionasearch = function (nome) {\n set(viewof filtros, nome);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"
\n#### 4. Blocos HTML","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"##### Construção de tabela bibliográfica","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1314,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"##### Gráfico por instituição","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1091,"value":"##### Avatar das pessoas reconhecidas na lista","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1024,"value":"avatars = function (arr, arrp) {\n let codehtml = \"

\";\n\n for (let nomes in arr) {\n for (let k = 0; k < arrp.length; k++) {\n if (nomes == arrp[k].nome) {\n codehtml += `

${arr[nomes]}

`;\n\n if (arrp[k].lattes != \"\") {\n codehtml += `${nomes}`;\n } else {\n codehtml += `${nomes}`;\n }\n\n codehtml += `
${arrp[k].instituicao}`;\n\n codehtml += `

`;\n }\n }\n }\n\n codehtml += \"

\";\n return codehtml;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":657,"value":"##### Apresenta o mapa do local","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"mapa = function (lista, tabelalocaisCIDI) {\n let local = false;\n let htmlcode = \"\";\n\n for (let k = lista.length - 1; k >= 0; k--) {\n if (lista[k]) {\n local = lista[k];\n }\n }\n\n if (local) {\n htmlcode +=\n `

Origem da produção nesta relação: ` +\n local +\n `

`;\n } else {\n htmlcode +=\n local +\n `&t=&z=13&ie=UTF8&iwloc=&output=embed\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\">`;\n }\n }\n\n return htmlcode;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1303,"value":"##### Menu com tags","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1300,"value":"custombuttons = function (arr) {\n let button = [];\n\n for (let i = 0; i < arr.length; i++) {\n button[i] = html`

${arr[i].label}

`;\n\n button[i].onclick = function () {\n acionasearch(arr[i].value);\n };\n }\n\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1132,"value":"##### Apresenta palavras chave","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1136,"value":"keyblock = function (arr, bib) {\n let codehtml = \"\";\n\n if (bib.length < 15) {\n for (let i = 0; i < arr.length; i++) {\n codehtml += arr[i] + \" ・ \";\n }\n }\n\n codehtml += \"

\";\n return codehtml;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"##### CSS","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"$37","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 33:"$32:body"