A scatter plot of The 2019 World Economic Freedom Index dataset.
Data visualization study following Curran.
add dropdown.js to the file which is the same as menus with react
create initial x attributes according to the data columns and add it to the usestate function
change the height of the webpage to fit the whole chart. Inspect the menu to see its height, then delete the height from the chart height to render more room for the menue.
Y is completely the same: copy the code creating menu for x for y
make the x axis label and y axis label updated by the selected value