{"version":"1.0","type":"rich","title":"D3 Course 1: Bar Chart","description":"This example uses D3 v5 to visualize insertions and samples over time as a bar chart, a cursor ticker, and a blocking count curve. The main bar chart displays red and steel-blue rectangles representing sample and insert events, with linear scales mapping event start times and durations to x-positions and widths, while a band scale positions rows by assigned slot. Below, a stepped line generated with `d3.line` and `curveStep` shows cursor movement, and another line tracks blocking counts, both using `scaleLinear` and `axisLeft` with grid lines. Random data is generated programmatically in `data.js` and rendered to SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/086f23a25d5e4f03a7f2e97d6fb7de68?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}