{"version":"1.0","type":"rich","title":"Scatter (PRICEEACH vs QUANTITYORDERED, color = PRODUCTLINE)","description":"This scatter plot shows the relationship between PRICEEACH and QUANTITYORDERED from a sales sample CSV, with each point colored by PRODUCTLINE using a Tableau10 ordinal scale. The visualization uses d3.csv to load and parse the data, then renders SVG circles positioned by linear scales for both axes. A legend built with HTML divs identifies the product lines, while the dark-themed chart includes axis labels, a title, and a rotated y-axis label. The code relies on d3.axisBottom, d3.axisLeft, d3.extent, and d3.scaleLinear for the quantitative encodings.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/78df04341a094a049571a5a157b879d4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}