Fork of Shapes and Colors with SVG and CSS
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`.