Vaseem Naazleen Shaik

@vnaazleen·3 public vizzes

Call Graph

A force-directed call graph visualizes communication patterns among seven “flex” microservices, with circles representing system nodes and arrows showing directed edges. Node positions update dynamically via `d3.forceSimulation`, combining `forceLink`, `forceManyBody`, and `forceCenter`. Dragging nodes with the `d3.drag` API repositions them and restarts the simulation. The SVG renders labeled circles and arrowheads defined by a marker, with data from the `system_nodes` metadata.

Jul 19, 2022

Loading thumbnail…

Fork of Network Graph

This fork of a network graph displays relationships among nodes representing a murder, victims, suspects, and a witness, with link weights indicating connection strength. The visualization uses d3.forceSimulation to position nodes and render SVG circles and text labels, with purple links and yellow node circles styled via CSS. Data comes from an inline JSON file containing seven nodes and seven weighted links. The code loads both d3.v4 and an older d3.v2 script, though the simulation primarily relies on the v4 API.

Jul 17, 2022

Loading thumbnail…

Fork of Social Network Graph --> ICE-8

This force-directed graph visualizes the relationships among seven “flex” services, with directed links showing dependencies such as flex-registrar connecting to flex-fods and flex-pliny. Using d3.forceSimulation with charge, collision, and center forces, the SVG renders nodes as large circles with labels. The code colors all nodes white, applies a black stroke, and adds arrow markers to directed links. Node positions update on simulation ticks, and drag behavior is implemented via d3.drag, allowing interactive repositioning of the network.

Jul 17, 2022