{"version":"1.0","type":"rich","title":"Untitled","description":"This example displays a map of Canada using GeoJSON data, with each province rendered as an SVG path. On mouse movement over a province, a tooltip div appears and tracks the cursor, displaying the province name from the data properties. The tooltip is shown by removing its hidden class and repositioned via inline CSS, while the province’s fill color changes on hover using CSS rules. The code uses `d3.geoPath` with an Albers projection and loads data from a remote GitHub repository.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/80266544219144038ae11d4d5eccd040?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}