Lista de Documentos
Gráficos de Processos Filtros de Processo Métricas Expressions Simulação Visual para Melhor Entendimento do Processo Personalizando Dashboards Markdown Notation Bookmarks de Processos
Nesta Página
> recursos > docs > painel de processos > Gráficos de Processos

Gráficos de Processos

Gráficos

O ProcessMind oferece um conjunto robusto de opções de gráficos para visualizar e analisar dados. Esses gráficos permitem obter insights rapidamente, identificar tendências e tomar decisões baseadas em dados. Abaixo estão os tipos de gráficos atualmente suportados e as opções de personalização disponíveis.

Escolhendo o Tipo de Gráfico Ideal

image

  • Bar Charts
    Use para comparar categorias ou grupos lado a lado, como contagem de atividades, durações ou tempos de throughput. Indicado para comparação de dados.

  • Column Charts
    Ideal para visualizar tendências ao longo do tempo ou comparar métricas por categoria na vertical. Funciona bem para dados temporais e distribuições de frequência.

  • Line Charts
    Use para mostrar tendências ou mudanças com o tempo, como throughput de cases por dia ou semana. Excelente para dados contínuos.

  • Area Charts
    Parecido com line chart, mas com preenchimento abaixo da linha. Use para destacar a magnitude ou o efeito acumulado das tendências ao longo do tempo.

  • Pie Charts
    Use para mostrar proporções ou percentuais de um todo, como tipos de atividades em um processo ou distribuição de cases.

  • Donut Charts
    Variante do pie chart, com centro aberto para dados extras. Ideal para destacar proporções trazendo contexto extra no centro.

  • Radial Bar Charts
    Ótimo para representar dados agrupados de forma circular. Útil para comparar datasets em pouco espaço.

  • Gauge Charts
    Use para mostrar progresso em relação a metas ou KPIs. Ideal para visualizar rapidamente indicadores ou número de cases em relação ao total.

  • Text Charts
    Use para apresentar estatísticas principais, métricas ou destaques em texto. Ótimo para resumir números ou KPIs junto aos gráficos. Text Charts também dão contexto ou explicações aos dados porque suportam notação markdown para texto rico: negrito, itálico, tabelas, imagens etc. Manual completo aqui . Misture também texto com expressões de métricas e cálculos para conteúdo dinâmico. Manual completo em aqui .

  • HTML Frames
    Use para embutir conteúdo externo ou dinâmico no dashboard, como gráficos customizados, relatórios ou outras visualizações não nativas.

Gráficos Pré-fixados

Estes são gráficos a nível de dados que estão pré-definidos e disponíveis para uso no ProcessMind. Incluem

  • Gráficos prefixados de Casos
  • Gráficos prefixados de Eventos
  • Gráficos de métricas de Sustentabilidade

Esses gráficos podem ser associados a atributos de um único conjunto de dados ou múltiplos conjuntos, desde que compartilhem um elemento comum.

Opções de Personalização de Gráficos

Cada gráfico no ProcessMind pode ser personalizado com as seguintes opções:

Geral

  • Título do Gráfico:
    Defina um título personalizado para o gráfico. Se não definido, será usado o nome do atributo selecionado.

  • Tipo de Gráfico:
    Troque facilmente para outro tipo de gráfico suportado.

  • Atributo da Coluna: (não disponível para: Gauge Charts, Text Charts, HTML Frames).
    Selecione o atributo exibido no gráfico. Eles ficam destacados por cores de acordo com o dataset, facilitando a identificação dos elementos.

  • Texto: (apenas para: Text Charts).
    Neste campo você pode inserir texto formatado usando notação markdown. Assim, é possível criar títulos, listas, negrito, itálico e mais. Veja o manual completo em aqui . Você também pode misturar com expressões de métricas e cálculos para conteúdos dinâmicos. Manual disponível em aqui .

  • HTML: (apenas para: HTML Charts).
    Insira conteúdo HTML customizado no gráfico, garantindo flexibilidade para mostrar informações ou integrar conteúdos externos. Um template HTML padrão é fornecido para lidar com temas DARK e LIGHT no frame. Também é possível usar expressões e elementos do campo Texto, como ${metric} ou ${total - metric}.

Métrica

A explicação de cada métrica está na nossa Documentação de Métricas:

Guia de Métricas
Veja nosso guia completo para métricas e saiba como aplicá-las nos seus gráficos.
  • Configurações de Normas:

Você pode criar faixas de normas personalizadas nos gráficos gauge para sinalizar zonas como “bom”, “atenção” e “alerta”. Abra o painel de configurações para adicionar ou editar faixas. (É possível adicionar quantas normas quiser)

image Como configurar normas:

  • Adicionar nova norma Clique no botão + Adicionar para criar uma nova faixa.
  • Nome Dê um nome descritivo à norma (ex: Baixo, Médio, Alto). Os nomes ajudam a identificar cada faixa no editor.

Início / Fim

  • Início: Defina o limite inferior. Deixe em branco e escolha Mínimo se deve começar no valor mínimo.
  • Fim: Defina o limite superior. Deixe em branco e escolha Máximo se deve ir até o máximo. Opções

Ao lado de cada limite há um menu (Opção) para definir como o limite será usado. Por exemplo:

  • Mínimo/Máximo — ajusta a faixa ao valor mínimo/máximo do gráfico.
  • Normal — usa o valor informado e inclui na faixa.

Cor Clique na amostra para definir a cor da faixa. Use cores diferentes para cada intervalo (ex: verde para baixo, laranja para médio, vermelho para alto). Se necessário, personalize as cores no tema em Cores do Gráfico.

  • Preenchimento (Fill) Ative ou desative para escolher se a faixa aparece como fundo (Fill) ou apenas linha. Válido para gráficos de barras e colunas.
  • Excluir Use o ícone da lixeira para remover a faixa.

⸻

Como as normas aparecem nos gráficos (exemplo: gauge) image

Após aplicar as normas, o gauge é dividido em arcos coloridos. O valor atual aparece com ponteiro e número no centro. No exemplo, o gauge tem três normas:

  • Baixo: mínimo até 100 (verde)
  • Médio: 100–110 (laranja)
  • Alto: 110 até o máximo (vermelho)

Com valor 87 em 120, o ponteiro está na faixa verde indicando “baixo”. Isso também colore a barra indicadora conforme a faixa.

Essas normas permitem uma visualização rápida para saber se o valor está adequado, próximo do limite ou fora do esperado.

Filtros e Ordenação

  • Filtros do Gráfico:
    Aplique filtros aos dados do gráfico para focar em subconjuntos específicos de informações. image Todos os filtros disponíveis na seção de filtros do dashboard podem ser aplicados ao gráfico. Esses filtros serão adicionados junto com os já configurados, a menos que você desative a opção de aplicar filtros. Nesse caso, os filtros ficarão fixos somente nesse gráfico.

  • Filtrar Dados:
    Filtre casos Abertos, Fechados ou Todos.

  • Ordenar Por:
    Escolha a ordem de exibição (Auto, Crescente, Decrescente, etc.).

  • Exibir Top X Itens:
    Limite a quantidade máxima de dados apresentados no gráfico.

  • Aplicar Filtros Gerais:
    Defina se os filtros globais vão ser aplicados neste gráfico.

  • Aplicar Filtros de Tempo:
    Especifique se deseja aplicar filtros de tempo neste gráfico.

Rótulos
  • Mostrar Rótulos de Dados:
    Ative/desative para exibir rótulos acima dos pontos do gráfico.
  • Mostrar Rótulos do Eixo X:
    Habilite ou desabilite rótulos do eixo X e os personalize.
  • Mostrar Rótulos do Eixo Y:
    Habilite ou desabilite rótulos do eixo Y e os personalize.
  • Localização da Legenda:
    Defina a posição da legenda (Topo, Fundo, Esquerda, Direita).

Estilo

  • Estilos de Preenchimento:
    Personalize o visual dos gráficos usando diferentes estilos:
    • Gradient: Aplique efeito gradiente no gráfico.
    • Sólido: Use cor única conforme o dataset.
    • Monocromático: Use só uma cor do dataset.
    • Gradiente Monocromático: Use uma cor do dataset com gradiente.
Raio-X

Ao aproveitar esses tipos de gráficos e opções de personalização, o ProcessMind permite criar visualizações altamente personalizadas que atendem às suas necessidades específicas de análise e fornecem insights claros e acionáveis.