{"version":"1.0","type":"rich","title":"3D Bar Chart with d3.js","description":"This example presents a 3D-style bar chart that visualizes average sales across five Midwestern states using D3.js. The chart displays bars in a two-dimensional SVG canvas, with the illusion of depth created through a z-scale that controls bar opacity—a z-axis labeled \"Opacity\" appears without tick values. Each bar’s height maps to the `avg_sales` value via a linear `yScale`, while an `xScale` positions states along the horizontal axis. The code uses `d3.axisBottom` and `d3.axisLeft` to render axes, and includes mouseover and mouseout event handlers that change bar color and opacity interactively.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3a0e30beb234cc4a2ba8c28b892dcfd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}