Insights
Fase 3: Insights15 min

#10Dashboard Geral

Gerar um dashboard HTML interativo com Chart.js contendo KPIs principais e 8 gráficos de performance.

O que este script faz

O script 07 consolida todos os CSVs gerados nos scripts de análise e gera um arquivo dashboard.html com visualizações interativas usando Chart.js via CDN.

Estrutura do dashboard

07_dashboard.py
python
# dashboard.html gerado contém:
# 1. KPI Cards: Gasto total, Impressões, CTR médio, CPV médio
# 2. Gráfico de barras: Gasto por campanha
# 3. Gráfico de linha: Evolução do CPV
# 4. Gráfico de pizza: Distribuição por posicionamento
# 5. Heatmap: Idade x Gênero
# 6. Gráfico de barras: Performance por horário
# 7. Funil: Estágios de conversão
# 8. Scatter: CTR vs CPV (identificar outliers)

import json

def gerar_dashboard(dados):
    html = f"""
    <!DOCTYPE html>
    <html>
    <head>
        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
        <style>
            body {{ background: #1a1a2e; color: #fff; font-family: sans-serif; }}
            .kpi-grid {{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }}
            .kpi-card {{ background: rgba(255,255,255,0.1); border-radius: 12px; padding: 1.5rem; }}
        </style>
    </head>
    <body>...</body>
    </html>
    """
    with open("dashboard.html", "w") as f:
        f.write(html)

Resultados esperados

Ao final:

AnteriorPróximo