{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"This bar chart displays the scores of four individuals—Simon, Mary, Jo, and Peter—on a fixed scale from 0 to 100. Each name is plotted as a blue rectangle using D3.js v7, with the chart rendered in SVG within a React-free HTML page. The code constructs an SVG canvas with specified dimensions and margins, then uses d3.scaleBand to position bars along the x-axis and d3.scaleLinear for the y-axis. Rectangles are appended and sized via data joins, with heights calculated from the score values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd518c52f1b9431ca54ebfda9b0e0de5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}