Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Directed cyclic dependency graph (POC)

Public visualization

Viewing a saved revision (read-only)

c7d619aa4009417ab4df9e9e95379703

Fork of Directed cyclic dependency graph (POC)

0 stars0🌍 Public
EEnrique Green
Last edited Sep 16, 2025
Created on Sep 16, 2025

A dependency graph visualizes the sequential flow of financial data items, from chart of accounts through vendors, purchase orders, invoices, and expense transactions. The D3.js v5 code loads items from a JSON data file and renders them as connected circular nodes, with arrows indicating dependencies. Node positions are determined by a predefined sequence, and the visualization supports interactive dragging to rearrange nodes, with linked edges and labels updating accordingly. The SVG rendering uses D3's selection, filtering, and event-handling APIs to manage the dynamic graph layout.

AI-generated description