{"version":"1.0","type":"rich","title":"Scales","description":"This example visualizes the heights of five tall buildings as a bar chart, with building names on the x-axis and height in meters on the y-axis. It uses the D3.js v5 library within a React framework, rendering as an SVG. The code employs `d3.scaleBand` for positioning along the x-axis and `d3.scaleLinear` for mapping height values to both the y-axis position and bar height. Data is loaded from a local `buildings.json` file, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/04a811b43482429e93360b2710c39cf8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}