Interactive Color Legends with informative Tooltips and dropdown menu
This interactive D3.js scatter plot explores correlations in global life expectancy data from a CSV file, with dropdown menus to select variables for the x- and y-axes. A color legend, using an ordinal scale with ten categories, encodes continents; clicking a legend item highlights that continent’s data points. Hovering over a circle displays a tooltip with the continent, year, and axis values. The visualization uses SVG rendering with animated transitions for circles as axes change, and includes D3's `scaleLog` for axes and `axisBottom`/`axisLeft` for ticks.
AI-generated descriptionAn interactive color legend scatter plot with Dropdown Menu for Life Expectancy Data with informative Tooltips.
This scatterplot takes required inputs from the data(like HIV/AIDS, GDP, BMI,Adult Mortality, Year, Life Expectancy and Continent) and uses these as inputs to both X and Y axes with the help of a dropdown. This scatter plot would help in finding the correlation between these various inputs using Continent as the color legend. Clicking on th color legend would display the data relevant to that continent. Hovering over the data would display all necessary information to summarize the visualized data in the form of Continent,Year, and the X and Y Axes values.