Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus_Life Expectancy Data

Public visualization

Viewing a saved revision (read-only)

49bf47d6bdd84ea79444755edd1547b1

Polished Scatter Plot with Menus_Life Expectancy Data

0 stars0🌍 Public
Aaishwarya8615
Last edited Oct 9, 2019
Created on Sep 29, 2019

This interactive scatter plot explores relationships among four attributes—life expectancy, GDP, year, and schooling—from a CSV dataset loaded via d3.csv. Two dropdown menus, built with ReactDropdown, independently control the X and Y axes, allowing users to compare any pair of variables. The visualization uses React state to manage selections and renders SVG circles with d3.scaleLinear axes. Data points are colored teal and include SVG tooltips displaying formatted X values. The layout features labeled axes and a fixed width, with styling from the Poppins font.

AI-generated description

A polished scatter plot with menu's of Life Epectancy Data.

This scatterplot takes 4 inputs from the data which are "Life Expectancy", "GDP", "Year" and "Schooling" and uses these as inputs to both X and Y axes with the help of a dropdown. The relationship between each of these factors can be seen with the help of this.

Note: This polished scatterplot is originally forked from Prof Curran's work Polished Scatter Plot with Menus