JAVASCRIPT

JavaScript call graph generator

Drop in a JavaScript file and get a diagram of its call flow. Handy for the utility module that grew for three years and now nobody is sure which half is still reachable.

Open the editor

Example

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);
}

What the graph shows

Function declarations, arrow functions and class methods all become nodes, and ES imports link the files they come from. Callbacks passed inline resolve to the function they name, so a handler wired through an event emitter still appears connected.

How to read the diagram All supported languages

Now try it with your own code

Paste a file, pick the language, hit Analyze. Nothing is stored.

Open the editor