{"version":"1.0","type":"rich","title":"General Update Pattern - reusable: alphabet example","description":"This example demonstrates the General Update Pattern with a reusable D3.js chart module. It renders individual letters as SVG text elements, using green, gray, and brown to visually distinguish entering, updating, and exiting items as the dataset changes. The code uses D3 v5’s selection methods and a `transition` to animate element movement and opacity. The chart is built with a modular structure, including builder functions for the SVG body and container groups, and exposes setters for width, height, margins, and colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d1232854e7e44b8d8c5456e5824077ec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}