JAVASCRIPT

Gerador de grafo de chamadas JavaScript

Solte um arquivo JavaScript e receba um diagrama do seu fluxo de chamadas. Útil para aquele módulo de utilidades que cresceu por três anos e ninguém mais sabe qual metade ainda é usada.

Abrir o editor

Exemplo

example.js

function loadOrders(userId) {
  const raw = fetchOrders(userId);
  return raw.map(normalize);
}

function fetchOrders(userId) {
  return [{ id: 1, userId, items: [{ price: 12 }] }];
}

function normalize(order) {
  return { id: order.id, total: computeTotal(order) };
}

function computeTotal(order) {
  return order.items.reduce((sum, item) => sum + item.price, 0);
}

O que o diagrama mostra

Declarações de função, arrow functions e métodos de classe viram nós, e os imports ES ligam os arquivos de onde vêm. Callbacks passados em linha são resolvidos para a função que nomeiam, então um handler ligado por um emissor de eventos também aparece conectado.

Como ler o diagrama Todas as linguagens suportadas

Agora teste com o seu próprio código

Cole um arquivo, escolha a linguagem e clique em Analisar. Nada é salvo.

Abrir o editor