{"version":"1.0","type":"rich","title":"d3EdgeReusable_Examples-Simple1_v5","description":"This example demonstrates how to build reusable charts in D3.js v5 by creating modular table functions that generate “Hello World” text from a numeric dataset. It shows three progressively advanced implementations: a basic module, one with getter/setter functions for styling (font size and color), and a third that adds event handling via `d3.dispatch` for custom mouseover events. The code uses D3 selections, `.datum()` to bind data, and `.call()` to invoke the module functions, following the ProD3 pattern for maintainable, testable visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4c334251fd9346ff8773bcce0a498c65?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}