Categorias

← View All Tools

Gerador de Gráfico de Fluxo

Gerar belos gráficos de fluxo para dados de séries temporais com animações suaves e variações de linha de base

Dados de séries temporais para o gráfico de fluxo. Suporta array JSON ou formato de lista simples nome:valor

Título que será exibido acima do gráfico

Rótulos separados por vírgula para períodos de tempo (opcional)

Algoritmo para calcular a linha de base

Largura do gráfico em pixels

Altura do gráfico em pixels

Exibir linhas de grade de fundo

Exibir nomes das séries no gráfico

Cor de fundo para o contêiner do gráfico

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, select, number, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Gerador de Gráfico de Fluxo permite criar visualizações elegantes e dinâmicas para dados de séries temporais, transformando números complexos em áreas fluidas e empilhadas com variações de linha de base.

Quando usar

  • •Para visualizar tendências de longo prazo em conjuntos de dados de séries temporais.
  • •Quando você precisa comparar a evolução de múltiplas categorias ao longo do tempo de forma fluida.
  • •Para criar apresentações visuais impactantes que destacam mudanças de volume ou participação de mercado.

Como funciona

  • •Insira seus dados de séries temporais no formato JSON ou lista simples.
  • •Personalize o título, o esquema de cores e o tipo de linha de base (zero ou centralizado).
  • •Ajuste as dimensões do gráfico e as opções de exibição, como grade e rótulos.
  • •Gere o gráfico instantaneamente com animações suaves e design profissional.

Casos de uso

Análise de crescimento de tráfego web por canal ao longo dos meses.
Monitoramento da variação de vendas de diferentes produtos em um período sazonal.
Visualização da distribuição de recursos ou orçamentos entre departamentos ao longo do ano.

Exemplos

1. Tendências de Vendas Trimestrais

Analista de Marketing
Contexto
O analista precisa apresentar o desempenho de três linhas de produtos durante os últimos 8 meses para a diretoria.
Problema
Dados tabulares são difíceis de interpretar rapidamente em reuniões de estratégia.
Como usar
Inserir os dados de vendas de cada produto no campo de entrada e selecionar o esquema 'Vibrante' com linha de base centralizada.
Configuração de exemplo
chartTitle: 'Vendas por Categoria', colorScheme: 'vibrant', baselineType: 'centered', showGrid: true
Resultado
Um gráfico de fluxo fluido que mostra claramente qual categoria de produto ganhou mais tração ao longo do tempo.

2. Distribuição de Tráfego Web

Gestor de Conteúdo
Contexto
A equipe de conteúdo quer entender como as fontes de tráfego (Redes Sociais, Busca Orgânica, Direto) variaram durante uma campanha de lançamento.
Problema
Identificar visualmente qual canal teve o maior impacto no volume total de acessos.
Como usar
Colar os dados de tráfego diário e ajustar a largura para 1000px para melhor visualização em relatórios.
Configuração de exemplo
chartWidth: 1000, chartHeight: 500, colorScheme: 'business', showLabels: true
Resultado
Um gráfico profissional que destaca a dominância da busca orgânica durante o período da campanha.

Testar com amostras

json
Exemplos Avançados de Aplicação Grafana
Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins
preferred input family json
json
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json
Exemplos de Comunicação em Tempo Real WebRTC
Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização
preferred input family json
json
Exemplos de Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json
Explore 43 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Format
Explore 6 ferramentas de json para fluxos de format e encontre utilitários próximos com rapidez.

FAQ

Quais formatos de dados são aceitos?

O gerador aceita arrays JSON estruturados com nomes e valores ou um formato de texto simples no estilo 'Nome:valor1,valor2'.

Posso alterar a posição da linha de base?

Sim, você pode escolher entre 'Linha Base Zero', que empilha os dados a partir do eixo X, ou 'Centralizado', que cria um efeito de fluxo simétrico.

É possível personalizar as cores do gráfico?

Sim, oferecemos diversos esquemas de cores pré-definidos, como 'Vibrante', 'Pastel', 'Negócios' e 'Cores Frias/Quentes'.

O gráfico é responsivo?

Você pode definir a largura e a altura exatas em pixels para garantir que o gráfico se ajuste perfeitamente ao seu layout.

Posso ocultar os rótulos das séries?

Sim, basta desmarcar a opção 'Mostrar Rótulos' nas configurações para obter um visual mais minimalista.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/stream-graph-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados de séries temporais para o gráfico de fluxo. Suporta array JSON ou formato de lista simples nome:valor
chartTitle text Não Título que será exibido acima do gráfico
timeLabels text Não Rótulos separados por vírgula para períodos de tempo (opcional)
colorScheme select Não -
baselineType select Não Algoritmo para calcular a linha de base
chartWidth number Não Largura do gráfico em pixels
chartHeight number Não Altura do gráfico em pixels
showGrid checkbox Não Exibir linhas de grade de fundo
showLabels checkbox Não Exibir nomes das séries no gráfico
backgroundColor text Não Cor de fundo para o contêiner do gráfico

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-stream-graph-generator": {
      "name": "stream-graph-generator",
      "description": "Gerar belos gráficos de fluxo para dados de séries temporais com animações suaves e variações de linha de base",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stream-graph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]