{"version":"1.0","type":"rich","title":"Loading external data","description":"This example demonstrates loading external data from a JSON file and rendering it as a horizontal bar chart. The data contains employee names, titles, ages, and bonus statuses, with age plotted against name using D3 v4’s `d3.json` to fetch the file. Scales `d3.scaleLinear` and `d3.scaleBand` position the bars, while `d3.axisLeft` and `d3.axisBottom` generate axes. The SVG output is styled with hover effects in CSS, and the chart updates once data is loaded asynchronously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/30fd9662df6c4ce88a4c7acfe7a7ff32?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}