{"version":"1.0","type":"rich","title":"D3 tutorials","description":"This example demonstrates a basic bar chart visualization. It shows a dataset of seven numeric values, each rendered as a fixed-width blue bar whose height corresponds to the value. The chart is built using D3.js methods to select the HTML body, append a `div` for each data point, and apply the CSS class `bar`. The bar heights are set inline using a JavaScript arrow function, and the initial styling is defined within a CSS style block. The code relies on `d3.select`, `d3.selectAll`, `.data`, `.enter`, `.append`, `.attr`, and `.style` to construct the visualization. The data is hardcoded as an array.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ff1ff25aef174d31a4fd0ddf3d18693c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}