Categorias

Gerador de Gráfico de Gantt

Criar gráficos de Gantt profissionais com linhas de tempo de tarefas, dependências, acompanhamento de progresso e marcadores de marcos

Tarefas como array JSON com nome, data de início, data de fim, progresso, dependências e marcos opcionais e responsáveis

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

Data para marcar como "hoje" no gráfico

Altura das barras de tarefas em pixels

Cor de fundo para as barras de tarefas

Cor para a porção concluída das barras de tarefas

Cor para marcadores de marcos

Cor para linhas de dependência

Cor para a linha indicadora de hoje

Cor das linhas de grade

Cor de fundo do gráfico

Largura do gráfico em pixels

Altura do gráfico em pixels

Tamanho da fonte para rótulos e texto

Tamanho da fonte para o título do gráfico

Família da fonte para elementos de texto

Mostrar linhas de grade de fundo

Mostrar setas de dependência entre tarefas

Mostrar marcadores de marcos

Mostrar barras de progresso nas tarefas

Mostrar nomes das tarefas e informações

Mostrar uma linha indicando a data atual

Animar o gráfico quando carregar

Duração da animação em milissegundos

Fatos principais

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

Visão geral

O Gerador de Gráfico de Gantt é uma ferramenta intuitiva para transformar listas de tarefas em cronogramas visuais profissionais, permitindo o acompanhamento preciso de prazos, dependências entre atividades e o progresso geral de seus projetos.

Quando usar

  • Para visualizar o cronograma completo de um projeto complexo com múltiplas etapas.
  • Ao precisar comunicar prazos e dependências de tarefas para a equipe ou stakeholders.
  • Para monitorar o progresso de execução e identificar possíveis atrasos em marcos importantes.

Como funciona

  • Insira os dados das suas tarefas no formato JSON, incluindo nome, datas de início e fim, progresso e dependências.
  • Personalize o visual do gráfico ajustando cores, altura das barras, unidades de tempo e formatos de data.
  • Ative ou desative elementos como linhas de grade, marcos, progresso e a linha indicadora da data atual.
  • Gere o gráfico instantaneamente para exportar ou integrar em seus relatórios de gestão.

Casos de uso

Planejamento de cronogramas de desenvolvimento de software com dependências entre módulos.
Gestão de campanhas de marketing, alinhando prazos de criação, revisão e lançamento.
Acompanhamento de obras ou projetos de engenharia, marcando entregas de fases como marcos.

Exemplos

1. Cronograma de Desenvolvimento de Software

Gerente de Projetos
Contexto
Preciso apresentar o cronograma de um novo software para a diretoria, destacando as fases de design, desenvolvimento e testes.
Problema
Dificuldade em mostrar como o atraso no design impacta a fase de desenvolvimento.
Como usar
Definir as tarefas com datas sequenciais e configurar a dependência da tarefa de desenvolvimento em relação ao design.
Configuração de exemplo
{"tasks": [{"name": "Design", "startDate": "2024-01-01", "endDate": "2024-01-15", "progress": 100}, {"name": "Dev", "startDate": "2024-01-16", "endDate": "2024-02-28", "progress": 50, "dependencies": ["task-0"]}]}
Resultado
Um gráfico claro que mostra a interdependência das fases e o progresso atual de cada uma.

Testar com amostras

json, text

Hubs relacionados

FAQ

Como devo formatar as dependências das tarefas?

As dependências devem ser referenciadas pelo índice da tarefa na lista (ex: 'task-0' para a primeira tarefa da lista).

Posso alterar a cor das barras de progresso?

Sim, você pode definir cores específicas para as barras de tarefas, a porção concluída, marcos e linhas de dependência nas configurações.

O que é um marco (milestone) no gráfico?

Um marco é um ponto de controle importante no projeto, geralmente representado por um ícone ou cor distinta para indicar uma entrega ou conclusão de fase.

É possível visualizar o progresso de cada tarefa?

Sim, ao habilitar a opção 'showProgress', o gráfico exibirá uma barra interna dentro de cada tarefa indicando a porcentagem de conclusão.

Quais formatos de data são suportados?

A ferramenta suporta YYYY-MM-DD, MM/DD/YYYY, DD/MM/YYYY e o formato local do seu sistema.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/gantt-chart-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartTitle text Não Título que será exibido acima do gráfico de Gantt
tasks textarea Sim Tarefas como array JSON com nome, data de início, data de fim, progresso, dependências e marcos opcionais e responsáveis
timeUnit select Não -
dateFormat select Não -
currentDate text Não Data para marcar como "hoje" no gráfico
barHeight number Não Altura das barras de tarefas em pixels
taskColor color Não Cor de fundo para as barras de tarefas
completedColor color Não Cor para a porção concluída das barras de tarefas
milestoneColor color Não Cor para marcadores de marcos
dependencyColor color Não Cor para linhas de dependência
todayLineColor color Não Cor para a linha indicadora de hoje
gridColor color Não Cor das linhas de grade
backgroundColor color Não Cor de fundo do gráfico
chartWidth number Não Largura do gráfico em pixels
chartHeight number Não Altura do gráfico em pixels
fontSize number Não Tamanho da fonte para rótulos e texto
titleSize number Não Tamanho da fonte para o título do gráfico
fontFamily text Não Família da fonte para elementos de texto
showGrid checkbox Não Mostrar linhas de grade de fundo
showDependencies checkbox Não Mostrar setas de dependência entre tarefas
showMilestones checkbox Não Mostrar marcadores de marcos
showProgress checkbox Não Mostrar barras de progresso nas tarefas
showLabels checkbox Não Mostrar nomes das tarefas e informações
todayLine checkbox Não Mostrar uma linha indicando a data atual
animationEnabled checkbox Não Animar o gráfico quando carregar
animationDuration number Não Duração da animação em milissegundos

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-gantt-chart-generator": {
      "name": "gantt-chart-generator",
      "description": "Criar gráficos de Gantt profissionais com linhas de tempo de tarefas, dependências, acompanhamento de progresso e marcadores de marcos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gantt-chart-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]