Fork of ICE6 snehith

100%

Fork of ICE6 snehith

✓ Published1🌍 Public

Last edited Mar 21, 2024

Created on Mar 21, 2024

This scatter plot visualizes student outcomes (Dropout, Graduate, or other) based on Age at Enrollment and Course, with color-coding assigned to each outcome category. The plot’s vertical axis is labeled "Gender," and the horizontal axis is labeled "Age_at_enrollment," derived from a CSV dataset loaded via `d3.csv` and parsed with numeric coercion. Rendering uses `d3.scaleLinear` for both axes, `d3.extent` for domain calculation, `d3.axisLeft` and `d3.axisBottom` for tick marks, and SVG `circle` elements for each data point, with radii fixed at 5 pixels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of ICE6 snehith

This scatter plot visualizes student dropout and graduation outcomes from a Portuguese higher-education dataset, plotting Age at Enrollment against Course while encoding Gender and Tuition Fees Up to Date as rectangle corner radii. Each student appears as a colored circle—blue for Dropout, yellow for Graduate, red for Enrolled—using D3 v6 scales and SVG rendering. The code loads CSV data via `d3.csv`, applies linear scales with `scaleLinear`, and generates axes with `axisLeft` and `axisBottom`. University of Minho records are drawn from a GitHub-hosted CSV, with custom margin and window-sized SVG dimensions.

Ssai snehith nadipally

87% match

Loading thumbnail…

Fork of ICE-5 Assignment

This interactive scatter plot visualizes student outcomes across four categories—Bachelor’s, Master’s, PhD, and Jobs—by cycling through each dataset every two seconds. Built with D3.js, it uses CSV data parsed into numeric fields and renders SVG scatter plots with symbols mapped to each category via `symbolCircle` and `symbolSquare`. The visualization updates dynamically using `scatterPlot()` calls, switching the y-axis values and symbol types while displaying the current category title above the plot.

Ssagamreddy929@gmail.com

80% match

Loading thumbnail…

Visualization6D3.js

This scatter plot visualizes the relationship between student age at enrollment and first-semester grade, with points colored according to gender and retention status (retained versus dropped). Each dot encodes a single student record from the dataset, and hovering reveals precise age, grade, and gender values through a tooltip. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleOrdinal` for categorical coloring, and `d3.axisBottom` and `d3.axisLeft` for the coordinate system. A static HTML legend outside the SVG explains the four color-coded groups.

GGanesh Gundekarla

78% match

Loading thumbnail…

Fork of ICE-6 Scatter Plot

This example presents a scatter plot of an insurance dataset, visualizing the relationship between patient height and age while encoding weight and income through non-standard circle radius properties (`rx` and `ry`), which distorts the marks into ellipses. The code colors each point by gender (red for female, green for male) and builds the SVG chart using D3 v5 APIs such as `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a GitHub-hosted CSV file, with axes labeled “Charges” and “bmi” despite the actual mapped fields being age and height.

TTekmal-Bhavana

77% match

Loading thumbnail…

Activity6_Task3.2

This scatter plot shows student age and course, with symbols encoding the year of study for each data point. Using D3.js v7, the visualization maps age on the x-axis and course on the y-axis, replacing standard points with circles, squares, triangles, and diamonds for Years 1–4. Data is loaded from a CSV via `d3.csv` and rendered as SVG, with axes generated by `d3.axisBottom` and `d3.axisLeft`. Hovering reveals a tooltip with detailed information about each student.

Nnissisharon61@gmail.com

76% match

Loading thumbnail…

ICE 6 scatter plot

This scatter plot displays student grades, plotting English scores on the x-axis against Physics on the y-axis, with each point colored by class category (First, Second, or other). The code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both axes, and renders circles using SVG. It also encodes additional dimensions through the `rx` and `ry` attributes, mapping Science and Math scores to each circle’s horizontal and vertical radii, while using `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Cchilukuritagore1427@gmail.com

76% match

Loading thumbnail…

Fork of Fork of ICE 7 Line Chart 11515092

This example visualizes student records by plotting mathematics scores on the x-axis against results on the y-axis as a line chart. The SVG rendering uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate the path. Data is loaded from an external CSV file via `d3.csv`. The chart includes styled grid lines, rotated axis labels, and a red line path, with data formatted using `d3.timeParse` for date handling.

NNaimisha-M

76% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart 11515092

This area chart visualizes student records, plotting Results over Maths scores using a smooth basis curve. The SVG rendering uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, and `area` generators. Data is loaded from a CSV file via `d3.csv` and parsed with `d3.timeParse` to handle date formatting. The chart features orange-filled areas beneath black lines, with labeled axes and rotated y-axis text, all styled through an external CSS file.

NNaimisha-M

76% match