{"version":"1.0","type":"rich","title":"Link anatomy","description":"This interactive HTML page dissects a URL into its semantic components—protocol, host, port, pathname, search, and hash—by displaying each part as a clickable span. Hovering over a component highlights it with a tooltip label, while clicking sets the page’s hash to that component’s ID, updating the browser location. The implementation uses jQuery for click handling and CSS pseudo-elements for tooltips, with a fixed example URL hardcoded in the markup.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-3070589?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}