🕸️ Friend Graph Visualizer

Visualize Discord friend connections as an interactive spider web graph

Input Data

Paste your friend list JSON or upload a JSON file. The format should be a dictionary of user IDs mapped to name, avatar, and mutual friend IDs.

How It Works

  1. Paste your friend list JSON data into the input area or upload a JSON file
  2. Click "Generate Graph" to create the interactive visualization
  3. Drag nodes to rearrange, scroll to zoom, and hover for details
  4. Use the search bar to highlight specific users
  5. Lines between nodes represent mutual friend connections

Data format: A JSON object where each key is a Discord user ID, with name, avatar, and mutual (array of user IDs) fields.