{"version":"1.0","type":"rich","title":"Data Visualization with D3","description":"This example visualizes a family genealogy using D3.js and Canvas rendering. It displays individual records with birth and death dates, places, and gender classifications, organized into generations through a custom kinship code system. The visualization uses DOM elements for individual containers and a Canvas overlay to draw connecting lines between relatives. Data comes from a static JavaScript dataset, with helper functions in `indiv.js` determining gender, direct ancestry, and generation levels based on coded identifiers.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/59f0fe051ae444378a6d498dc2f9b81d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}