{"version":"1.0","type":"rich","title":"d3EdgeReusable_Examples-Simple2","description":"This example demonstrates a simple reusable chart pattern using D3.js v5, rendering a single green rectangle with fixed dimensions. The code defines a modular `d3.reusable.Chart` factory function that encapsulates SVG construction, margin conventions, and drawing logic, following the ProD3 pattern. It builds an SVG container with grouped elements, then appends a rectangle via `append('rect')` with static width, height, and fill attributes. The chart is instantiated with custom dimensions and margins, then bound to a div element using `datum()` and `.call()`, while the data array itself is not used for any visual encoding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d90c18697cc4f79947d00c404466880?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}