Skip to main content
100%

Fork of Interactive Color Legends with informative Tooltips and dropdown menu

✓ Published0🌍 Public
XXiaoyu Su
Last edited Feb 10, 2021
Created on Feb 10, 2021

This interactive scatterplot explores correlations in life expectancy data, plotting user-selected variables on the X and Y axes via a dropdown menu. A color legend, encoded using `d3.scaleOrdinal` with `schemeCategory10`, distinguishes the continents. Clicking a legend item emphasizes data points from that region, while hovering reveals a tooltip with detailed information about each data point. The visualization uses D3 v5, SVG, and transitions to animate updates between different variable selections.

AI-generated description

An 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.

MIT Licensed

Similar vizzes