{"version":"1.0","type":"rich","title":"adding menu to D3 Scatter Plot","description":"This example presents a D3.js scatter plot of the Iris dataset, with interactive dropdown menus that allow users to select which measurement columns (e.g., petal length, sepal width) are plotted on the X and Y axes. The visualization dynamically re-renders the SVG circles and axes based on the menu selections. It uses the `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` functions from the D3 v6 library to handle scaling and axis generation. A custom `menu()` module builds the HTML select controls, and the plot reads data from a CSV file hosted on GitHub. The menu container is fixed at the top of the viewport, with the SVG plot filling the window.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/81f6a7355b614a9c98402ebd0eb22b79?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}