{"version":"1.0","type":"rich","title":"Tutorial 8 task 3.2","description":"This example presents a scatter plot of the Iris flower dataset, visualizing sepal length against petal length while grouping data points by species through distinct marker shapes. Implemented using D3.js v7, the visualization employs d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to position points and assign shape encodings. The code demonstrates modular architecture with reusable axis and legend components, alongside asynchronous data loading via the Fetch API and CSV parsing through d3.csvParse. An interactive shape legend displays categorical values, all rendered within a responsive full-window SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/04915b0d2fa64bf8afa694c958e01528?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}