{"version":"1.0","type":"rich","title":"Activity6_Task3_Question3.1","description":"This scatter plot visualizes the Fruit Tree dataset, mapping fruit height and width while coloring each point by fruit species (apple, orange, banana, or green). The visualization uses D3.js v6 to load the CSV data via `d3.csv`, create scales with `scaleLinear`, and render SVG circles. The code defines x and y axes using `axisBottom` and `axisLeft`, and applies custom color mapping based on the fruit name. The chart is built within a React framework, though it directly manipulates the DOM, and uses the `join` pattern to bind data to circle elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/39056cb9a9a14b1299b45a5825b4068f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}