{"version":"1.0","type":"rich","title":"SVG","description":"This example shows student marks for individual modules, filtered by student ID through a dropdown menu. It presents a bar chart of marks per module for the selected student, with an animated update when the selection changes. The code uses D3 v5 to load the data with `d3.json`, binds the data to SVG rectangles, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The x and y scales are created with `d3.scaleBand` and `d3.scaleLinear`, respectively. The visualization is a React project but uses vanilla JavaScript and SVG rendering for the chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b71985e93aa74ab58995acce98088651?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}