2d:null 2e:["$","title",null,{"children":"Visualização de Dados Eleitorais utilizando a API Plot | Adolfo Guimarães | Observable"}] 33:T4a4,${previews([ { path: "@adolfoguimaraes/codabr22-pratica1?collection=@adolfoguimaraes/coda-br-22", thumbnail: "8145cd63129c532f5a79c06757b9c9fbc07d6a25ade0c718d4728a933fa5ecfe", title: "Atividade Prática 1", author: "Adolfo Guimarães" }, { path: "@adolfoguimaraes/codabr22-pratica2?collection=@adolfoguimaraes/coda-br-22", thumbnail: "10e063ea16938e97abfd7cf987bed86a29ae3bfab4811901319d24a1c625d4ad", title: "Atividade Prática 2", author: "Adolfo Guimarães" }, { path: "@adolfoguimaraes/codabr22-pratica3?collection=@adolfoguimaraes/coda-br-22", thumbnail: "032e52d89d7ab0dba65e7d8344e3945b104bff6a62a4a23f4a1696478d7c6bba", title: "Atividade Prática 3", author: "Adolfo Guimarães" }, { path: "@adolfoguimaraes/codabr22-pratica4?collection=@adolfoguimaraes/coda-br-22", thumbnail: "beffa9068a88da2a62bf7618ed617a57dc30123683971fa6f210645a5bcf6632", title: "Atividade Prática 4", author: "Adolfo Guimarães" }, { path: "@adolfoguimaraes/codabr22-pratica5?collection=@adolfoguimaraes/coda-br-22", thumbnail: "709cca9cb4deaf685ce7a63b494691bfd277702fa4b72490ad62014ad2265379", title: "Atividade Prática 5", author: "Adolfo Guimarães" }])}34:[] 31:{"id":"2a9296345d482598","slug":"codabr22-workshop","title":"Visualização de Dados Eleitorais utilizando a API Plot","thumbnail":"55921e8043671d853931479bb394f0007e5250c59cea1766ca729c2abccc1cc5","access_level":"public","create_time":"$D2022-11-04T01:55:18.412Z","update_time":"$D2022-11-06T04:46:17.232Z","view_time":null,"first_public_time":"$D2022-11-06T14:05:27.394Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"0fed76bc24ee2abb","login":"adolfoguimaraes","name":"Adolfo Guimarães","avatar_url":"https://avatars-next.observableusercontent.com/88672ad9fd16fb1365fed00041d8fc8d950122ea98716a8993e614c5c88bc2de","tier":"starter_2024"},"version":184,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f25e789ad38b28fb","login":"adolfoguimaraes","name":"Adolfo Guimarães","avatar_url":"https://avatars-next.observableusercontent.com/88672ad9fd16fb1365fed00041d8fc8d950122ea98716a8993e614c5c88bc2de","tier":null}],"members":[{"type":"individual","id":"f25e789ad38b28fb","login":"adolfoguimaraes","name":"Adolfo Guimarães","avatar_url":"https://avatars-next.observableusercontent.com/88672ad9fd16fb1365fed00041d8fc8d950122ea98716a8993e614c5c88bc2de","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":{"id":"b93964947f39ed63","slug":"coda-br-22","title":"CODA.BR 22","owner":{"id":"0fed76bc24ee2abb","login":"adolfoguimaraes","name":"Adolfo Guimarães"}},"type":"notebook","body":{"title":"Visualização de Dados Eleitorais utilizando a API Plot","cells":[{"id":0,"value":"# Visualização de Dados Eleitorais utilizando a API Plot\n\nEsse Workshop tem como objetivo trabalhar alguns conceitos de visualização de dados mostrando como podemos usa-los para construir visualizações de dados eleitorais. Para isso, iremos utilizar a API Plot (https://github.com/observablehq/plot) e executa-la no ObservableHQ. A seguir é organizado todo material para o Workshop.\n\n**Prontos?**\n\nVamos lá 😉","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"## Roteiro\n\nVamos seguir o seguinte roteiro: \n\n1. Apresentação\n2. Conceitos básicos de visualização\n3. Conhecendo a API Plot\n4. Entendendo os dados\n5. Construindo visualizações","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"## Apresentação\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"

\n $\"Avatar\"$ \n

Adolfo Guimarães

\n \n

Brasileiro, Nordestino e Sergipano. Professor e pesquisador em Ciência da Computação com interesse nas áreas de #machinelearning, #cienciadosdados e #visualizacaodosdados.

\n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":44,"value":"## Conceitos básicos de Visualização","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"## Conhecendo o ObservableHQ e a API Plot\n\nO material a seguir apresenta o ObservableHQ e os conceitos básicos da API Plot.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":57,"value":"$${previews([\n {\n path: \"@adolfoguimaraes/conhecendo-o-observable?collection=@adolfoguimaraes/tutorial-observablehq\",\n thumbnail: \"a8d2069b2df2398a470dd4ea1d986de620e8fd79daba78fdae6081ff3ac7a760\",\n title: \"Conhecendo o ObservableHQ\",\n author: \"Adolfo Guimarães\"\n},\n {\n path: \"@adolfoguimaraes/introducao-a-observable-plot?collection=@adolfoguimaraes/tutorial-observablehq\",\n thumbnail: \"293940955078506d3dbbf9af49fe562a0a83ddabb70fe456aaa0ae370edf9a31\",\n title: \"Introdução à Observable Plot\",\n author: \"Adolfo Guimarães\"\n}])}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":68,"value":"## Entendendo os Dados\n\nPara o workshop vamos utilizar os dados relacionados às eleições. Os dados foram coletados de diferentes maneiras, mas todos foram disponibilizados pelo TSE durante as eleições de 2022. Vamos utilizar 4 conjuntos de dados. \n\n**1. Perfil do Eleitorado**\n\nEssa base foi extraída direto do datalake da [base dos dados](https://basedosdados.org) e possui informações sobre o perfil das pessoas aptas a votar em 2022. \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"**Total Eleitorado**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":87,"value":"total_eleitorado","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":83,"value":"**Perfil Eleitorado**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":92,"value":"perfil_eleitorado_ano","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"**2. Eleitos em 2022**\n\nEssa base também foi coletada do datalake da [base dos dados](https://basedosdados.org) e possui a lista de deputados estaduais, federais e senadores eleitos em 2022. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":104,"value":"**Deputados Federais**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":106,"value":"deputados_federais","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"**Deputados Estaduais**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":109,"value":"deputados_estaduais","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":114,"value":"**Senadores**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":116,"value":"senadores","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":123,"value":"**3. Dados da Apuração**\n\nEssa base possui informações da apuração do primeiro e segundo turno para eleição de presidente. Os dados do primeiro turno foram extraídos diretamente do site do TSE e do segundo turno a partir da coleta feita pelo Álvaro do brasil.io. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":130,"value":"**Primeiro Turno**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":127,"value":"timeline_apuracao_br","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":132,"value":"**4. Resultados para presidente (Estados e Municípios)**\n\nEssa base possui o resultado da eleição para presidente no segundo turno nos estados e municípios. Os dados foram extraídos a partir da coleta feita pelo Álvaro do brasil.io.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":137,"value":"**Resultado por estado**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":139,"value":"file_resultado_por_estado","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":149,"value":"**Resultado por município**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":151,"value":"file_resultado_por_municipio","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":160,"value":"## Construindo Visualizações\n\nA proposta destas práticas é criar visualizações utilizando a API Plot e modifica-la utilizando conceitos vistos para melhora-las. Em cada notebook de prática é possível ver a visualização final.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":164,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":172,"value":"## Material Completo\n\nOs códigos das visualizações criadas e os dados utilizados podem ser encontrados nos notebooks a seguir. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":174,"value":"$${previews([\n {\n path: \"@adolfoguimaraes/codabr22-dados-utilizados?collection=@adolfoguimaraes/coda-br-22\",\n thumbnail: \"c75f6005264c5e4c3656fd001cae711639b9076f7e87679b2dbe8308cb6890c8\",\n title: \"Dados Utilizados\",\n author: \"Adolfo Guimarães\"\n},\n {\n path: \"@adolfoguimaraes/codabr22-visualizacoes?collection=@adolfoguimaraes/coda-br-22\",\n thumbnail: \"bb893ab1d5b6d2da180a1027039d9d5b647f82fd034d41b827fa1bb89e8a0fe2\",\n title: \"Visualizações Criadas\",\n author: \"Adolfo Guimarães\"\n}])}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":180,"value":"## Imports e Estilos","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":134,"value":"import {file_resultado_por_estado, file_resultado_por_municipio} from '115603b98df2bb3c'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"import {timeline_apuracao_br} from '115603b98df2bb3c'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"import {deputados_federais, deputados_estaduais, senadores} from '115603b98df2bb3c'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"import {total_eleitorado, perfil_eleitorado_ano} from '115603b98df2bb3c'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"function previews(notebooks) {\n return htl.html`

${notebooks.map(preview)}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"function preview({path, title, author, thumbnail}) {\n return htl.html` event.currentTarget.firstElementChild.style.borderColor = \"#1b1e23\"} onmouseout=${event => event.currentTarget.firstElementChild.style.borderColor = \"#e8e8e8\"}>\n

${title}

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"