{"version":"1.0","type":"rich","title":"Directed dependency graph","description":"This visualization displays a directed dependency graph of an application ecosystem, showing which modules depend on others through colored circles connected by arrowed links. The graph computes dependency paths from the JSON data and arranges nodes in a layered grid layout based on their dependency depth and relationships. It uses D3 v5’s `d3.json` function to load the data, and renders the visualization as SVG elements, including circles, text labels, and custom arrow markers defined with `markerBoxWidth`, `markerBoxHeight`, and `arrowPoints`. The layout calculates node positions using the dependency structure rather than a simulation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef5c395b931d43d4a58354a48d3ce410?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}