markdown-viewer/graphviz

O que graphviz faz?

Crie grafos direcionados/não direcionados usando a linguagem DOT com layout automático. Ideal para árvores de dependência, grafos de chamada, hierarquias de pacotes e relações de módulos que exigem roteamento de arestas refinado.

Como usar

Adicione um bloco de código com a linguagem dot no seu arquivo Markdown:

digraph G {
    rankdir=LR;
    node [shape=box];
    A -> B -> C;
    A -> D;
}

Opções

• Grafos direcionados: use digraph para arestas com setas.
• Grafos não direcionados: use graph para arestas sem direção.
• Layout automático: escolha entre dot, neato, fdp, sfdp, twopi ou circo.
• Personalização: ajuste cores, formas, estilos de nós e arestas conforme necessário.

Exemplos

Árvore de dependência

digraph dependencies {
    node [shape=record];
    app -> lib;
    app -> utils;
    lib -> core;
    lib -> net;
}

Grafo de chamada

digraph callgraph {
    rankdir=TB;
    node [style=filled, fillcolor=lightyellow];
    main -> parse_args;
    main -> process_data;
    parse_args -> validate;
    process_data -> compute;
    compute -> output;
}

Observações

• A skill suporta toda a sintaxe DOT padrão do Graphviz.
• Para grafos complexos, considere usar size ou dpi para controlar a resolução da imagem.
• Consulte a documentação do Graphviz para detalhes completos.