{"version":"1.0","type":"rich","title":"FZ_ICE8_Q2_FamilyTree","description":"This D3.js v7 tree diagram visualizes a custom Computer Science and Technology learning roadmap as a hierarchical dataset. It shows four levels—root, main areas, topics, and tools—where each level uses a different shape and color in the SVG rendering to distinguish hierarchy. The code defines the roadmap data as a nested JavaScript object, then uses d3.select to target the SVG element and appends a group for layout, drawing nodes and links with CSS-styled tree-link and tree-label classes for the connecting lines and text labels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/74d82c54b4994fbfaa2b54dd4e0ae45b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}