Scatter Plot with Menus on Graduate Admission Dataset

100%

Scatter Plot with Menus on Graduate Admission Dataset

✓ Published0🌍 Public

Last edited Oct 7, 2020

Created on Oct 7, 2020

Forked from Polished Scatter Plot with Menus

This interactive scatter plot explores the Graduate Admission dataset, allowing users to compare any two attributes by selecting them from dropdown menus for the X and Y axes. The plot displays each admission record as a circle, with a tooltip showing the X-axis value. React manages the interactive state, while D3 v5 handles the linear scales and SVG rendering. The visualization is built with a React component structure, using D3's `scaleLinear` for axis scaling and `csv` for data loading.

AI-generated description

Scatter Plot with Menus on Graduate Admission Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

College Polished Scatter Plot with Menus

A scatter plot displays the relationship between two selectable attributes from the College Dataset, with ten numeric fields such as acceptance rates and enrollment counts. Two React dropdown menus let the user independently choose which attributes appear on the x- and y-axes, which are generated with d3.scaleLinear and rendered as SVG. The plot uses React components (AxisBottom, AxisLeft, Marks) and d3.csv to load data, with circle marks showing each college’s values and formatted tick labels.

Yyinhao0424

87% match

Loading thumbnail…

Interactive Color Legend on Graduate Admission dataset

A scatter plot visualizes graduate admissions by plotting GRE Score against CGPA, with university rating encoded as color through an ordinal scale. Built with React and D3 v5, the visualization renders SVG circles and includes an interactive color legend where hovering over a rating value fades non-matching points, using React's useState for hover state management. The axes use d3.scaleLinear with custom tick formatting via d3.format, and data loads from a CSV file using d3.csv.

ZZG

84% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically change which attributes are displayed on the x and y axes through two dropdown menus. Built with React managing state and D3 v7 utilities like `scaleLinear` and `extent` for scaling, the SVG rendering includes custom axis components and circles with tooltips. The code uses a custom `useData` hook with the `csv` function to load and parse the dataset, coordinating menu selections with axis labels and data values.

Jjbruzzo

84% match

Loading thumbnail…

Interactive Color Legend with Menus

This interactive scatter plot explores the College Dataset, showing relationships between academic metrics like enrollment, admissions, and faculty qualifications. Users dynamically select which attributes appear on the x and y axes using React dropdown menus, while the color legend distinguishes public versus private institutions. Built with React and D3 v5, the visualization uses `scaleLinear` and `scaleOrdinal` for positioning and coloring, rendering as SVG. Hovering over legend items filters the displayed points and fades non-matching data, providing an interactive way to compare institutional characteristics.

AAlaouiadnane

84% match

Loading thumbnail…

Scatter Plots: Part 2 - Menus

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which attributes appear on the x- and y-axes via two dropdown menus. Built with React and D3 v5, the visualization renders SVG circles for each data point, with axis labels updating to reflect the selected measurements. The code leverages `d3.scaleLinear` for continuous scales, `d3.extent` for domain calculation, and custom `AxisBottom` and `AxisLeft` components to generate tick marks. Dataset values are loaded asynchronously through a `useData` hook that parses CSV data using `d3.csv`.

Zzeeeeem

84% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays the Iris dataset, showing relationships between numeric attributes while allowing users to change the X and Y variables through dropdown menus. The visualization uses React for state management and rendering, with D3.js v5 scales and SVG marks. Axis components generate ticks via scale methods, while circle elements with embedded titles serve as tooltips. The plot retrieves CSV data using d3.csv and scales the axes with scaleLinear.

MMichael Bergerson

84% match

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Iris dataset, allowing users to compare any two numeric attributes by selecting them from dropdown menus for the x- and y-axes. The chart renders data points as SVG circles using React components and D3 scales (scaleLinear, extent) for positioning. Axis components generate ticks and labels, while menu options dynamically update the displayed dimensions. The visualization uses React state to manage selected attributes and d3.csv to load the data, with axis formatting applied via d3.format.

KKevin McMorrow

83% match

Loading thumbnail…

Interactive Color Legend with Menus

This interactive scatter plot visualizes the College Dataset, showing relationships between academic attributes such as applications, enrollment, and faculty credentials. Users select X and Y axes via dropdown menus, while a color legend distinguishes public from private institutions. Hovering over legend items highlights matching points and fades others using React state management. The visualization uses D3 scales and SVG rendering, with React components for axes, marks, and interactive controls, demonstrating a React-D3 integration pattern for exploratory data analysis.

AAlaouiadnane

83% match