> ## Documentation Index
> Fetch the complete documentation index at: https://docs.growtify.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Gráficos BK Lite

> 17 tipos de gráfico e 99 exemplos oficiais para explorar no Growtify.

**17 tipos de gráfico, 99 exemplos oficiais.** Cada família tem uma página com demonstração renderizada, seletor de variantes, Dark / Light e reinício das animações. Os dados são os demonstrativos dos exemplos — não indicadores inventados para o negócio.

## Todos os tipos de gráfico

<CardGroup cols={3}>
  <Card title="Área" icon="chart-area" href="/biblioteca/bklit/area-chart">
    5 exemplos
  </Card>

  <Card title="Barras" icon="chart-column" href="/biblioteca/bklit/bar-chart">
    11 exemplos
  </Card>

  <Card title="Candlestick" icon="chart-candlestick" href="/biblioteca/bklit/candlestick-chart">
    3 exemplos
  </Card>

  <Card title="Mapa coroplético" icon="map" href="/biblioteca/bklit/choropleth-chart">
    5 exemplos
  </Card>

  <Card title="Composto" icon="chart-no-axes-combined" href="/biblioteca/bklit/composed-chart">
    2 exemplos
  </Card>

  <Card title="Funil" icon="filter" href="/biblioteca/bklit/funnel-chart">
    1 exemplos
  </Card>

  <Card title="Indicador · Gauge" icon="gauge" href="/biblioteca/bklit/gauge-chart">
    2 exemplos
  </Card>

  <Card title="Mapa de calor" icon="grid-3x3" href="/biblioteca/bklit/heatmap-chart">
    1 exemplos
  </Card>

  <Card title="Linhas" icon="chart-line" href="/biblioteca/bklit/line-chart">
    5 exemplos
  </Card>

  <Card title="Linha em tempo real" icon="activity" href="/biblioteca/bklit/live-line-chart">
    2 exemplos
  </Card>

  <Card title="Pizza e donut" icon="chart-pie" href="/biblioteca/bklit/pie-chart">
    9 exemplos
  </Card>

  <Card title="Lucro e perda" icon="trending-up" href="/biblioteca/bklit/profit-loss-line">
    2 exemplos
  </Card>

  <Card title="Radar" icon="radar" href="/biblioteca/bklit/radar-chart">
    4 exemplos
  </Card>

  <Card title="Anéis" icon="circle" href="/biblioteca/bklit/ring-chart">
    4 exemplos
  </Card>

  <Card title="Sankey" icon="git-branch" href="/biblioteca/bklit/sankey-chart">
    3 exemplos
  </Card>

  <Card title="Dispersão" icon="scatter-chart" href="/biblioteca/bklit/scatter-chart">
    2 exemplos
  </Card>

  <Card title="Sunburst" icon="sun" href="/biblioteca/bklit/sunburst-chart">
    2 exemplos
  </Card>

  <Card title="Eixos, legendas e tooltips" icon="sliders-horizontal" href="/biblioteca/bklit/elementos-compartilhados">
    36 exemplos
  </Card>
</CardGroup>

## Explore sem sair da documentação

<iframe src="https://skin.growtify.me/catalog/bklit?family=bar-chart&embed=1" title="Catálogo BK Lite — todos os modelos e variantes" width="100%" height="760" style={{border: "1px solid #30343b", borderRadius: "12px"}} loading="lazy" />

[Abrir catálogo completo em tela inteira](https://skin.growtify.me/catalog/bklit?family=bar-chart)

## O que está disponível

| Biblioteca        | Conteúdo                                                                                                                                                                    | Papel                                                                                |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
| BK Lite           | Área, barras, candlestick, mapa coroplético, composto, funil, gauge, heatmap, linhas, linha ao vivo, pizza/donut, lucro e perda, radar, anéis, Sankey, dispersão e sunburst | Biblioteca de gráficos escolhida para a nova experiência                             |
| Elementos BK Lite | Eixos, grades, legendas, tooltips, marcadores, projeções, indicadores e áreas de referência                                                                                 | Camadas combináveis dos gráficos                                                     |
| UBold             | 24 páginas de gráficos ApexCharts e Chart.js                                                                                                                                | Referências incluídas no tema, disponíveis [separadamente](/biblioteca/ubold/charts) |

## Regras de aplicação

* Preservar métrica, período, unidade, filtros e significado do gráfico original.
* Diferenciar zero, ausência de dados, carregamento e erro.
* Validar contraste, toque, foco e alternativa tabular antes de liberar cada gráfico no produto.
* O catálogo não redefine dashboards, pipelines ou indicadores comerciais.

<Warning>
  Os modelos estão disponíveis no ambiente de protótipo. Isso não significa que os gráficos nativos do GHL já foram substituídos. A aplicação em cada superfície segue a [viabilidade técnica](/viabilidade), incluindo acesso aos dados e limites de iframe.
</Warning>

## Origem e versão

[BKlit UI oficial](https://github.com/bklit/bklit-ui) · código importado na revisão [c57f66b](https://github.com/bklit/bklit-ui/tree/c57f66bfa7c3198edb677b567ce08cbf364ae159/packages/ui/src/charts), com licença MIT preservada. Os exemplos foram adaptados apenas onde necessário para montar contexto de gráfico, imports e tokens do Galaxy.
