{"version":"1.0","type":"rich","title":"Bind data to html with d3","description":"This example visualizes eye color data by binding a JSON dataset to SVG circles, each positioned sequentially along the x-axis and colored according to a validated hex color value. The code loads data with `d3.json`, filters invalid colors using a regex, parses hex values into RGB components, and sorts the data before rendering. It demonstrates basic data joins with `svg.selectAll().data().enter().append()` without using scales, keeping circle positions and radii fixed.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/55dafe180baa484990d3061abaf70c62?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}