{"version":"1.0","type":"rich","title":"Intermediate Barchart with D3","description":"This example shows a static bar chart with six categories plotted against a linear y-axis, demonstrating a manual approach to building a chart with D3.js version 7. The visualization uses SVG rendering, with bar heights and positions calculated explicitly through band multipliers and offsets rather than relying on a convenience bar-mark API. The code imports specific modules (`d3-scale` for `scaleLinear` and `scaleBand`, and `d3-axis` for `axisBottom` and `axisLeft`) to construct the axes, and it includes custom text elements for axis labels. The bars represent simple numeric values from an inline data array.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/00243b28b89e4fa3aea3fd305dc15bf7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}