{"version":"1.0","type":"rich","title":"Fork of Shapes and Colors with SVG and CSS","description":"This example presents two distinct scatter plots built with D3.js v7 and rendered via SVG. The first chart visualizes a CSV dataset of house attributes, plotting GrLivArea against SalePrice, with points colored pink or teal depending on whether the price exceeds $129,000. The second chart displays a static dataset of x/y coordinates, featuring interactive circles that change color and size on mouseover, display a tooltip with coordinates, and allow users to click anywhere on the SVG to add new data points. Both charts use responsive scaling and axis functions like `d3.scaleLinear` and `d3.axisBottom`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/38339d430d794e4a8387abd751c361c5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}