Componentes

Visuais HTML para Power BI

Crie dashboards mais elegantes e profissionais com componentes HTML prontos. Copie, personalize e use no Power BI para transformar seus relatórios em experiências visuais modernas e interativas.

Colaborar
0 visuais disponíveis nesta página
+12.5% 

        <div style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: linear-gradient(135deg, #10b981, #34d399); border-radius: 12px; color: white; font-weight: 600; font-size: 14px; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
    <polyline points="16 7 22 7 22 13"></polyline>
  </svg>
  <span>+12.5%</span>
</div>
                  

        LabelHTML = 
        "
        <div style="'display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: linear-gradient(135deg, #10b981, #34d399); border-radius: 12px; color: white; font-weight: 600; font-size: 14px; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline>
    <polyline points="16 7 22 7 22 13"></polyline>
  </svg>
  <span>"& [Medida] &"</span>
</div>
        "
LinkedIn Criado por Davi Marques
-8.3% 

                    <div style="display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: linear-gradient(135deg, #ef4444, #f87171); border-radius: 12px; color: white; font-weight: 600; font-size: 14px; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
    <polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline>
    <polyline points="16 17 22 17 22 11"></polyline>
  </svg>
  <span>-8.3%</span>
</div>
                  

        LabelHTML =
        "
        <div style='display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: linear-gradient(135deg, #ef4444, #f87171); border-radius: 12px; color: white; font-weight: 600; font-size: 14px; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);'>
  <svg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'>
    <polyline points='22 17 13.5 8.5 8.5 13.5 2 7'></polyline>
    <polyline points='16 17 22 17 22 11'></polyline>
  </svg>
  <span>"& [Medida] &"</span> 
</div>
        "
LinkedIn Criado por Davi Marques