https://github.com/leomsgit/grafico-relatorio-de-vendas
Exibe gráfico interativo de vendas dos quatro primeiros meses do ano, com seleção dinâmica de Categoria, Produto e Marca
https://github.com/leomsgit/grafico-relatorio-de-vendas
highcharts-js html javascript json sale sales-analysis
Last synced: 4 months ago
JSON representation
Exibe gráfico interativo de vendas dos quatro primeiros meses do ano, com seleção dinâmica de Categoria, Produto e Marca
- Host: GitHub
- URL: https://github.com/leomsgit/grafico-relatorio-de-vendas
- Owner: LeoMSgit
- Created: 2025-07-05T11:19:45.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-05T12:14:37.000Z (12 months ago)
- Last Synced: 2025-07-21T01:05:46.466Z (11 months ago)
- Topics: highcharts-js, html, javascript, json, sale, sales-analysis
- Language: HTML
- Homepage: https://leomsgit.github.io/Grafico-Relatorio-de-Vendas/
- Size: 3.91 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### 📊 Gráfico de Relatório de Vendas
Este projeto exibe um gráfico interativo de vendas dos quatro primeiros meses do ano, com seleção dinâmica de **Categoria**, **Produto** e **Marca**.
#### 🔧 Tecnologias utilizadas
* **HTML + JavaScript (Vanilla)**
* **Highcharts.js** para renderização do gráfico
* **GitHub Pages** para hospedagem gratuita
---
### 🔎 Como usar
📍 Acesse o projeto direto pelo navegador:
👉 [Clique aqui para abrir o gráfico](https://leomsgit.github.io/Grafico-Relatorio-de-Vendas/)
---
### 🧠 Como funciona
* Os dados são carregados a partir de um arquivo `Dados.json`.
* Os `` são **encadeados**:
* Ao mudar a **categoria**, os produtos e marcas são atualizados.
* Ao mudar o **produto**, a lista de marcas muda.
* Ao escolher a **marca**, o gráfico é atualizado automaticamente.
---
### 📁 Estrutura do projeto
```
/
├── index.html # Página principal
├── Dados.json # Base de dados mock
└── README.md
```
---
### Caso deseje rodar localmente
Como navegadores bloqueiam `fetch()` com arquivos locais (`file://`), você precisa rodar isso num servidor local:
#### Ou use o Live Server do VS Code
---
# ✉️ Contato Profissional
Desenvolvedor: Leonardo Miguel dos Santos
[](https://www.linkedin.com/in/leomsantos/)
[](mailto:leoms-98@hotmail.com)
[](https://github.com/LeoMSgit)