{"version":"1.0","type":"rich","title":"Relation Graph with d3-force","description":"This example visualizes a small entity-relationship diagram (ERD) of a database schema, showing two tables (FILE and VARIABLE) with their columns as labeled nodes and the foreign-key relationship between them. Drawn with SVG, the graph uses the `d3-force` library’s `forceSimulation`, `forceLink`, and `forceManyBody` to apply a physics-based layout, while the `drag` API enables nodes to be repositioned interactively. Labels are added directly to each node, and the view supports pan and zoom via `d3.zoom`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2126207772464887a74849cb0fc038af?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}