{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction","description":"This example demonstrates interaction with geographic data by rendering a polygon of the British Columbia region and highlighting countries on hover. Using D3 v5, the code loads geographic data from a JSON file and projects it with `d3.geoMercator` and `d3.geoPath`. The SVG output changes fill color on mouseover via CSS hover rules, while a linked YouTube video explains the underlying interaction techniques. The visualization combines static map rendering with simple, CSS-based interactivity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7a47fb9f8de744ad9ed34efe676508f7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}