# Gerador de Gráfico de Fluxo Gerar gráficos de fluxo suaves para visualizar o fluxo de dados de séries temporais, perfeito para mostrar mudanças na composição ao longo do tempo com formas orgânicas e fluidas > Página canônica: https://elysiatools.com/pt/tools/stream-graph - **Categoria:** Data Visualization - **Palavras-chave:** gráfico de fluxo, gráfico de fluxo, séries temporais, fluxo de dados, visualização suave, gráfico de área, dados temporais, mudança de composição ## Visão geral O Gerador de Gráfico de Fluxo permite criar visualizações elegantes e orgânicas para dados de séries temporais, facilitando a análise de mudanças na composição de fluxos de dados ao longo do tempo com curvas suaves e fluidas. ## Entradas - **Dados de Fluxo** (textarea): Dados de séries temporais para o gráfico de fluxo. Cada série representa uma camada fluida ao longo do tempo. - **Título do Gráfico** (text): Título que será exibido acima do gráfico - **Esquema de Cores** (select): Selecionar esquema de cores - **Cores Personalizadas** (text): Cores personalizadas para fluxos (cores hex separadas por vírgula). Substitui o esquema de cores se fornecido. - **Opacidade do Fluxo** (number): Opacidade das camadas de fluxo (0.1 a 1.0) - **Suavidade da Curva** (number): Suavidade das curvas de fluxo (0.1 a 1.0, mais alto = mais suave) - **Cor de Fundo** (color): Cor de fundo para o contêiner do gráfico - **Cor da Grade** (color): Cor para as linhas da grade - **Altura do Gráfico** (number): Altura do gráfico em pixels - **Valor Máximo** (number): Valor máximo para o eixo Y (deixe vazio para escala automática) - **Valor Mínimo** (number): Valor mínimo para o eixo Y - **Rótulo do Eixo X** (text): Rótulo para o eixo X (tipicamente tempo) - **Rótulo do Eixo Y** (text): Rótulo para o eixo Y - **Mostrar Linhas da Grade** (checkbox): Mostrar linhas da grade para melhor legibilidade - **Mostrar Valores nos Fluxos** (checkbox): Mostrar valores dentro das camadas de fluxo - **Mostrar Rótulos de Dados** (checkbox): Mostrar rótulos de dados em pontos-chave - **Normalizar para 100%** (checkbox): Converter valores em porcentagens mostrando contribuição relativa ao longo do tempo - **Mostrar Legenda** (checkbox): Mostrar uma legenda abaixo do gráfico ## Quando usar - Para visualizar a evolução da participação de mercado de diferentes produtos ao longo de meses ou anos. - Para comparar o volume de tráfego de diferentes fontes (ex: Mobile, Desktop, Tablet) em um período específico. - Para apresentar mudanças na distribuição de recursos ou orçamentos de forma visualmente impactante e intuitiva. ## Como funciona - Insira seus dados de séries temporais no formato JSON, definindo os rótulos de tempo e as séries de dados correspondentes. - Personalize a aparência do gráfico ajustando a suavidade das curvas, a opacidade das camadas e o esquema de cores. - Configure as opções de eixos, legendas e grade para garantir que a visualização seja clara e profissional. - Gere o gráfico final em formato HTML, pronto para ser incorporado em relatórios ou apresentações. ## Casos de uso - Análise de tendências de consumo de mídia em diferentes plataformas. - Monitoramento da alocação de tempo em projetos de desenvolvimento de software. - Visualização da variação de fontes de receita de uma empresa ao longo de vários trimestres. ## Perguntas frequentes ### O que é um gráfico de fluxo? É uma variação do gráfico de área empilhada onde as camadas são centralizadas em um eixo horizontal, criando formas orgânicas e fluidas que facilitam a visualização de tendências. ### Qual formato de dados é necessário? O sistema aceita um objeto JSON contendo uma lista de rótulos (labels) para o eixo X e uma lista de séries (series), cada uma com um nome e um array de valores numéricos. ### Posso personalizar as cores? Sim, você pode escolher entre esquemas de cores predefinidos ou inserir códigos hexadecimais personalizados separados por vírgula. ### É possível normalizar os dados? Sim, ao ativar a opção 'Normalizar para 100%', o gráfico converterá os valores em porcentagens, focando na contribuição relativa de cada série em vez dos valores absolutos. ### Como posso ajustar a fluidez das curvas? Utilize o campo 'Suavidade da Curva' com valores entre 0.1 e 1.0 para controlar o quão arredondadas serão as transições entre os pontos de dados. ## Ferramentas relacionadas - [Gerador de Calendário Heatmap](https://elysiatools.com/pt/tools/calendar-heatmap): Gerar calendários heatmaps estilo GitHub para visualizar padrões de atividade ao longo do tempo, perfeito para rastrear contribuições anuais, hábitos ou métricas - [Gerador de Fluxograma](https://elysiatools.com/pt/tools/flowchart-maker): Descreve nós e conexões com sintaxe estilo Mermaid para gerar um fluxograma em camadas - [Gerador de Gráfico de Barras Agrupadas](https://elysiatools.com/pt/tools/grouped-bar-chart): Gerar gráficos de barras agrupadas para comparar múltiplas categorias lado a lado, perfeito para comparações multi-categoria e análise comparativa - [Gerador de Diagrama de Euler](https://elysiatools.com/pt/tools/euler-diagram-generator): Gerar diagramas de Euler personalizáveis para visualizar relacionamentos de conjuntos, inclusões e estruturas hierárquicas - [Gerador de Gráfico de Área](https://elysiatools.com/pt/tools/area-chart-generator): Gerar gráficos de área personalizáveis a partir de dados com áreas preenchidas sob linhas, perfeito para mostrar tendências e dados cumulativos - [Bar Chart Generator](https://elysiatools.com/pt/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Gerador de Box Plot](https://elysiatools.com/pt/tools/box-plot-generator): Gerar box plots para análise de distribuição estatística com quartis, whiskers e outliers - [Gerador de Gráfico de Bolhas](https://elysiatools.com/pt/tools/bubble-chart-generator): Gerar gráficos de bolhas personalizáveis a partir de dados com três dimensões (x, y, tamanho) ## Exemplos - [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Kotlin](https://elysiatools.com/pt/samples/android-image-processing-kotlin): Exemplos de processamento de imagem Android Kotlin incluindo leitura/escrita, dimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato