27:null 28:["$","title",null,{"children":"Trabalho 01 | Breno Silva Braido's Workspace | Observable"}] 2d:T712,function atualizarGolsEChutesEEficiencia() { const totalGolsEChutesEEficiencia = inicializaArray(); campeonatoBrasileiroFull.forEach((partida) => { // Definir ano e pegar time mandante e visitante const data = partida["data"]; const ano = data.substring(data.lastIndexOf("/") + 1); const anoCampeonato = totalGolsEChutesEEficiencia.find((x) => x.Ano == ano); const mandante = partida['mandante']; const visitante = partida['visitante']; // Atualizar os gols de cada time const timeMandante = anoCampeonato.Clubes.find(function(x) { return x.Clube === mandante; }); if (timeMandante) { timeMandante.Gols += partida['mandante_Placar']; } const timeVisitante = anoCampeonato.Clubes.find(function(x) { return x.Clube === visitante; }); if (timeVisitante) { timeVisitante.Gols += partida['visitante_Placar']; } // Atualizar os Chutes de cada time const aux = campeonatoBrasileiroEstatisticasFull.find(function(estatisticas) { return partida['partida_id'] === estatisticas['partida_id'] && timeMandante.Clube === estatisticas['clube']; }); if (aux) { timeMandante.Chutes += aux["chutes"]; } const aux2 = campeonatoBrasileiroEstatisticasFull.find(function(estatisticas) { return partida['partida_id'] === estatisticas['partida_id'] && timeVisitante.Clube === estatisticas['clube']; }); if (aux2) { timeVisitante.Chutes += aux2["chutes"]; } }); totalGolsEChutesEEficiencia.forEach(function(ano) { if (ano.Ano > 2013) { ano.Clubes.forEach(function(clube) { if (clube.Gols > 0 && clube.Chutes > 0) { clube.Eficiencia = (clube.Chutes / clube.Gols).toFixed(3); } }); } }); return totalGolsEChutesEEficiencia; }2e:[{"id":"5dbcbcbb3b9a716d4bda19d3803501afd82cd60e1ad4e389270033533c7cbb6c8e4ddcbc216f00278ebcc0f43df3f902edb27d3f37ec4a82816d7a43041a45b3","href":"https://static.observableusercontent.com/files/5dbcbcbb3b9a716d4bda19d3803501afd82cd60e1ad4e389270033533c7cbb6c8e4ddcbc216f00278ebcc0f43df3f902edb27d3f37ec4a82816d7a43041a45b3","name":"campeonato-brasileiro-full.csv","type":"text/csv","lastModified":1699266020264.079,"size":1059527},{"id":"fc2f08c53cda8630b9781f4cd5cda276c51eb49e21f97c6765bafcebcaa3b3e8e9da11f43865b4af59aeff3a8e303a2306c429c1bf2bb8439bdaad555199d286","href":"https://static.observableusercontent.com/files/fc2f08c53cda8630b9781f4cd5cda276c51eb49e21f97c6765bafcebcaa3b3e8e9da11f43865b4af59aeff3a8e303a2306c429c1bf2bb8439bdaad555199d286","name":"campeonato-brasileiro-estatisticas-full.csv","type":"text/csv","lastModified":1699266020264.079,"size":1051390}] 2b:{"id":"647738a8ae12837b","slug":null,"title":"Trabalho 01","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-11-06T10:20:20.264Z","update_time":"$D2023-11-23T10:11:53.054Z","view_time":null,"first_public_time":"$D2023-11-06T10:20:20.264Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"f4815ab30e021fa3","login":"breno-silva-braido-ws","name":"Breno Silva Braido's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/fe5ee383909ff334cea6e64a6dc40fb7f315a56f969323664ea4167b209ec53c","tier":"starter_2024"},"version":455,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6a3d652593b6ef3c","login":"bbraido","name":"Breno Braido","avatar_url":"https://avatars-next.observableusercontent.com/6464ea0803978033f3a1165803065876c1e6ae222dc27989b057579b157b1749","tier":null}],"members":[{"type":"individual","id":"6a3d652593b6ef3c","login":"bbraido","name":"Breno Braido","avatar_url":"https://avatars-next.observableusercontent.com/6464ea0803978033f3a1165803065876c1e6ae222dc27989b057579b157b1749","tier":null,"role":"editor"},{"type":"team","id":"f4815ab30e021fa3","login":"breno-silva-braido-ws","name":"Breno Silva Braido's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/fe5ee383909ff334cea6e64a6dc40fb7f315a56f969323664ea4167b209ec53c","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Trabalho 01","cells":[{"id":0,"value":"# Trabalho 01","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"### Instruções\n\n

\nNeste trabalho você deve responder as perguntas propostas sobre o data set fornecido. As respostas de todas as perguntas devem ser compostas por:
\n **(a)** Uma visualização (construída utilizando a biblioteca vega-lite);
\n **(b)** Uma discussão sobre as razões que motivaram a escolha da visualização desenvolvida, e;
\n **(c)** Uma análise das informações que podem ser obtidas com a interepretação da visualização.\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"### Data set do campeonato brasileiro de futebol\n\n

Neste trabalho você escreverá uma visualização usando o vega-lite para analisar do campeonato brasileiro de futebol. Este conjunto de dados contém informações úteis sobre partidas de futebol que aconteceram entre 2003 e 2022. Para cada ano, você encontra todos os jogos disputados durante a temporada e suas estatísticas associadas, como placar do jogo, gols marcados pela equipe da casa, gols marcados pela equipe visitante, posse de bola e muito mais.

\n\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"campeonatoBrasileiroFull = await FileAttachment(\"campeonato-brasileiro-full.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"campeonatoBrasileiroFull","database":"$undefined"},{"id":205,"value":"select partida_id, data\nfrom campeonatoBrasileiroFull\nwhere partida_id = 4741;","pinned":true,"hidden":false,"mode":"sql","author":"$undefined","summary":"$undefined","output":"","database":"var:campeonatoBrasileiroFull"},{"id":27,"value":"campeonatoBrasileiroEstatisticasFull = await FileAttachment(\"campeonato-brasileiro-estatisticas-full.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"campeonatoBrasileiroEstatisticasFull","database":"$undefined"},{"id":201,"value":"select partida_id, clube, chutes\nfrom campeonatoBrasileiroEstatisticasFull\nwhere chutes > 0;","pinned":true,"hidden":false,"mode":"sql","author":"$undefined","summary":"$undefined","output":"","database":"var:campeonatoBrasileiroEstatisticasFull"},{"id":42,"value":"### (1) Quais os 5 times com mais partidas no período?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":91,"value":"vl.markBar()\n .data(campeonatoBrasileiroEstatisticasFull)\n .transform(\n vl.aggregate(vl.count(\"partida_id\").as(\"partidas\")).groupby(\"clube\"),\n vl\n .window(vl.rank().as(\"Rank\"))\n .sort(vl.field(\"partidas\").order(\"descending\")),\n vl.filter(\"datum.Rank <= 5\")\n )\n .encode(\n vl.x().fieldQ(\"partidas\").title(\"Número de Partidas\"),\n vl.y().fieldN(\"clube\").title(\"Clube\").sort(\"-x\"),\n vl\n .color()\n .fieldN(\"partidas\")\n .title(\"Número de Partidas\")\n .scale({ scheme: \"blues\" })\n )\n .title(\"Top Clubes com Mais Partidas\")\n .width(450)\n .height(250)\n .render();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"B) Escolhi o gráfico de barras horizontais para visualização foi porque é o que melhor mostra o que está sendo pedido. Coloquei uma escala de cores para diferenciar os valores e ficar mais fácil de compreender os dados que estão expostos no gráfico, outra coisa que adicionei também foi uma legenda que mostra qual o valor que cada cor representa no gráfico.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":326,"value":"C) Com o gráfico podemos chegar a conclusão que os clubes Flamengo, Fluminense, São Paulo e Santos são os clubes que mais jogaram mais partidas no período, um total de 780 partidas no Campeonato Brasileiro no período analisado. Obtivemos também a informação que os clubes Athletico Paranaense, Internacional e Corinthians jogaram um total de 742 partidas no período, sendo 38 partidas a menos que os times que mais jogaram partidas no Campeonato Brasileiro no período analisado.\nPodemos concluir que os clubes que possuem 780 partidas jogadas no período todas as edições do Campeonato Brasileiro no período analisado, enquanto os clubes que jogaram 742 partidas foram rebaixados em uma edição, ficando fora de 1 edição do campeonato, deixando de jogar 38 partidas, que é exatamente a quantidade de partidas de diferença que existe entre um grupo e outro.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"### (2) O que podemos dizer sobre a evolução do número de gols marcados ao longo dos anos?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":58,"value":"function extrairAno() {\n const database = campeonatoBrasileiroFull;\n const anos = [];\n for (let i = 0; i < database.length; i++) {\n const data = database[i].data;\n const ano = data.split(\"/\")[2];\n\n if (!anos.includes(ano)) {\n anos.push(ano);\n }\n }\n return anos.map((ano) => ({ Ano: ano }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"anos = extrairAno();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"function inicializaGolsPorAnoComZero(anos) {\n return anos.map(function(x) {\n return { Ano: x.Ano, Gols: 0 };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"function quantidadeGolsPorAno() {\n const totalGols = inicializaGolsPorAnoComZero(anos);\n campeonatoBrasileiroFull.forEach((partida) => {\n const data = partida[\"data\"];\n const ano = data.substring(data.lastIndexOf(\"/\") + 1);\n const golsMandante = partida[\"mandante_Placar\"] || 0;\n const golsVisitante = partida[\"visitante_Placar\"] || 0;\n\n const aux = totalGols.find((x) => x.Ano === ano);\n aux.Gols += golsMandante + golsVisitante;\n });\n return totalGols;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"evolucaoGolsPorAno = quantidadeGolsPorAno();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"Antes de montar definitivamente a visualização de dados, tive que tratar os dados de data para conseguir pegar os dados corretos de cada partida e também o ano. Após conseguir extrair o ano das datas realizei a contagem de gols que teve em cada ano, inserindo as informações de ano e gols em um array para criar a visualização dos dados.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":104,"value":"vl\n .markLine()\n .data(evolucaoGolsPorAno)\n .encode(\n vl.x().fieldT(\"Ano\").title(\"Anos\"),\n vl.y().fieldQ(\"Gols\")\n .scale({ type: \"linear\", domain: [0, 1800] })\n .title(\"Total Gols\"),\n vl.color().value(\"orange\")\n )\n .title(\"Total de Gols Marcados no Campeonato por Ano\")\n .width(1080)\n .height(400)\n .render();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"B) Escolhi o gráfico de linha para mostrar os dados, pois ele é o gráfico que melhor representa os dados temporais. Com ele podemos visualizar de maneira clara como a quantidade de gols no Campeonato Brasileiro evoluiu ou regrediu ao longo do tempo. Cada linha vertical representa os anos das edições do Campeonato Brasileiro, enquanto as linhas horizontais representam a quantidade de gols feitos. A linha laranja mostra a evolução dos gols.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":333,"value":"C) Observando o gráfico, podemos observar claramente que houve uma diminuição considerável no número de gols totais por edição no Campeonato Brasileiro. No primeiro ano do período analisado o Campeonato Brasileiro teve um total de 1592 gols, vemos também que após a edição de 2005 o número de gols nunca mais ultrapassou a casa dos 1200 gols. Outro dado interessante é que no ano de 2020 tivemos o menor número de gols de uma edição no período analisado com 654 gols, isso se dá muito pela paralisação do campeonato nesse ano devido à pandemia da Covid-19. Ainda completando a informação anterior em 2021 teve uma crescente no número de gols no ano, dado esse que vinha em queda, o motivo dessa crescente é justamente a paralisação no ano de 2020, pois muitas partidas do campeonato do ano de 2020 foram jogadas em 2021.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"### (3) Qual time mais eficiente (chuta menos vezes para marcar um gol) em cada ano?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":114,"value":"function extrairNomeClube() {\n const database = campeonatoBrasileiroEstatisticasFull;\n const clubes = [];\n for (let i = 0; i < database.length; i++) {\n const data = database[i].clube;\n const time = data;\n\n if (!clubes.includes(time)) {\n clubes.push(time);\n }\n }\n return clubes.map((clube) => ({ Clube: clube }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"clubes = extrairNomeClube();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"function inicializaArray() {\n return anos.map(function(x) {\n return {\n Ano: x.Ano,\n Clubes: clubes.map(function(y) {\n return { Clube: y.Clube, Gols: 0, Chutes: 0, Eficiencia: 0};\n }),\n };\n});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"clubesPorAno = inicializaArray()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"golsChutesEEficienciaAtualizados = atualizarGolsEChutesEEficiencia();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"function removeClubesZerados() {\n return golsChutesEEficienciaAtualizados.map(function(ano) {\n return {\n Ano: ano.Ano,\n Clubes: ano.Clubes.filter(function(clube) {\n return clube.Gols !== 0 || clube.Chutes !== 0 || clube.Eficiencia !== 0;\n }),\n };\n }).filter(function(ano) {\n return ano.Clubes.length > 0;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"removeTimesZerados = removeClubesZerados();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"function ordenaPorEficiencia() {\n return removeTimesZerados.map(function(ano) {\n ano.Clubes.sort(function(a, b) {\n return a.Eficiencia - b.Eficiencia;\n });\n return ano;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"maisEficiente = ordenaPorEficiencia();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"function dadosFiltrados() {\n return maisEficiente.filter(function (ano) {\n return ano.Ano >= 2014;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":408,"value":"final = dadosFiltrados();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"Para chegar ao resultado, para ser possível realizar a visualização de dados com o Vega_Lite tive que implementar algumas funções para realizar tarefas como pegar o nome de todos os clubes que participaram do Campeonato Brasileiro no período analisado. Inserir tudo isso em um Array separado por Ano, sendo que para cada ano existe um Array de clubes e suas estatísticas. Então fui realizando alterações nas estatísticas desse Array através das funções. Usei a função atualizarGolsEChutesEEficiencia para modificar todas as estatísticas de uma única vez. Após isso tive que remover dos Arrays os times que estavam zerados de estatísticas em cada ano para assim ordenar o array pela melhor eficiência e depois filtrar para mostrar somente os Array que possuem estatísticas validas para análise.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":380,"value":"vl\n .markBar()\n .data(final)\n .encode(\n vl.x().fieldT('Ano'),\n vl.y().fieldQ('Clubes[0].Eficiencia').title('Chutes para Um Marcar Gol'),\n vl.color().fieldN('Clubes[0].Clube').title('Clube').scale({ scheme: \"blues\" }),\n vl.tooltip().fieldQ('Clubes[0].Eficiencia')\n )\n .title(\"Clubes com Melhor Eficiência em Cada Ano\")\n .width(880)\n .height(550)\n .render();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"B) Novamente o gráfico de barras é o melhor gráfico para a visualização dos dados, mas dessa vez ele possui as barras na vertical. Novamente usei uma escala de cores em Azul para diferenciar os valores dos elementos, além de exibir uma legenda no canto superior direito ao lado do gráfico para ficar mais fácil de saber qual clube representa cada cor. O recorte temporal feito na visualização foi realizado, pois não anos anteriores aos que estão no gráfico não possuem dados validos para a visualização.\nO gráfico de barras é geralmente o escolhido quando serão mostradas informações de tempo por quantidade.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":440,"value":"C) Podemos visualizar no gráfico que a melhor eficiência foi do Clube Athletico Paranaense no ano de 2019, o clube precisou de 4.961 finalizações para marcar um gol. Podemos considerar que é uma eficiência fora do comum, uma vez que ela superar em mais de 1 ponto a segunda melhor eficiência no período de anos. Vemos também que a pior eficiência foi do Fluminense no ano de 2022, precisando de 8.762 finalizações para marcar um gol.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"### (4) Apresente algum insight que você teve ao realizar o trabalho.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":443,"value":"A visualização de dados vai muito além de só mostrar o gráfico em si. A visualização de dados necessita de vários outros quesitos como a transformação dos dados e de modelar os dados para serem exibidos.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":445,"value":"Uma boa visualização de dados não são só os dados numéricos, as cores e os tipos de gráficos escolhidos para mostrar esses dados tem tanta importante quanto. Se não for escolhido o tipo de gráfico e cores correto por muitas vezes ficam impossível compreender os dados expostos no gráfico.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":447,"value":"Por fim, realizar o trabalho me deu mais trabalho do que imaginei que teria, talvez por não conhecer a linguagem e tenho que ir aprendendo de acordo com que fui realizando o trabalho. Foi uma experiência cansativa, mas válida e positiva. Conseguir ter a capacidade de extrair as informações de uma base de dados para realizar amostras dos dados é bastante interessante.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"## Importações de bibliotecas","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":36,"value":"Importação da biblioteca Vega-Lite","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"import { vl } from \"@vega/vega-lite-api-v5\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2c:"$2b:body"