Um componente de gráfico para despesas
Utilizei o chart.js para fazer o gráfico o que me deu um bom tempo Em versões futuras espero incluir uma opção para o usuário inserir os dados em vez de dados fixos Passando o mouse é possível ver os valores de cada barra e na base da página tem meu nome que redireciona para meu Linkedin XD!
A intenção era ter dados dinâmicos, mas houve alguns erros e para não entregar um projeto com erro optei por essa forma, mas espero poder incluir em uma versão futura.
Aprender mais sobre JavaScript e funções matemáticas dentro do código
Apresentação do projeto em vídeo: em breve!
https://marcoscast.github.io/expenses-chart-component/
- HTML - Linguagem de marcação utilizada na construção de páginas na Web
- CSS - Mecanismo para adicionar estilos a uma página web
- Chart.JS - Biblioteca de gráficos JavaScript simples e flexível para a web moderna.