OliveiraJess / manipulando-arrays

Manipulando arrays com Javascript e exibindo seus resultados em gráficos com Chart.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gráficos

Gráficos

Nesse projeto foi você consegue visualizar o resultado da votação de filmes e streaming.

🚀 Objetivo

Feito para testar meus conhecimentos em Javascript, em específico a manipulação de arrays.

Nele temos dois arrays de objetos - estáticos - um para os filmes com seus respectivos streamings e outro com a votação deles.

lista de filmes e seus streamings lista de da votação dos filmes com seus streamings

Para fazer a manipulação dos dados mostrados acima foi utilizado o map e o filter para retornar os filmes com seus respectivos streamings e a quantidades de votos que cada um recebeu. Foi utilizado o sort para exibir primeiro os filmes que obtiveram o maior número de votos.

Resultado da votação dos filmes com seus streamings Resultado da votação dos streamings

Para exibir os resultados em um gráfico foi utilizado o Chart.js.

Optei em utilizar o gráfico Bar Chart para exibir o resultado da votação dos filmes com seus streamings.

Resultado da votação dos filmes com seus streamings no gráfico

E para exibir o resultado da votação dos streamings utilizei o Doughnut Chart.

Resultado da votação dos streamings no gráfico

🔧 Instalação

Para utilizar a aplicação você precisa usar os comandos:

- git clone
- npm install

🌟 Sites

Abaixo está o link do site utilizado na aplicação dos gráficos.

🤝 Contribuindo

  • Conte a outras pessoas sobre este projeto 📢
  • Dê estrela no projeto ⭐️

📌 Finalizado

About

Manipulando arrays com Javascript e exibindo seus resultados em gráficos com Chart.js


Languages

Language:JavaScript 76.1%Language:CSS 15.3%Language:HTML 8.6%