Fork of Fork of ICE6 snehith

100%

Fork of Fork of ICE6 snehith

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 21, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE6 snehith

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.

Ssai snehith nadipally

87% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This fork of an ICE 7 area chart visualizes the number of US university students from 2000 to 2008. The SVG graphic combines a black line and a filled aqua area to show the trend over time, with labeled axes for year and student count. The code uses D3 v5 APIs such as `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `area`, and `curveBasis` to generate the chart, and loads the dataset from a CSV file hosted as a GitHub gist.

Rradhadevarapu

74% 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

73% match

Loading thumbnail…

Fork of Fork of Fork of fork of ICE-7

This visualization displays a line chart of the number of international students in the USA over time, using a green stroke to emphasize the trend. The code relies on D3 v5 APIs such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the chart within an SVG. Data is loaded from a CSV file using `d3.csv`, with years parsed via `d3.timeParse`. Axis labels are added manually, and grid lines are created with tick sizes extending across the plot area.

TTulluripallavi

73% match

Loading thumbnail…

Fork of ICE6.1

This visualization displays student data from Hogwarts, mapping roll numbers against hobby categories as colored dots. It uses D3 v6 to load a CSV file, scales the data linearly, and renders circles colored by house (Gryffindor, Hufflepuff, Slytherin, Ravenclaw) via an SVG. The code uses `d3.csv`, `scaleLinear`, `extent`, and axis functions (`axisLeft`, `axisBottom`) to create the scatterplot. Labels for "Petal Length" and "Sepal Length" are added, though the data fields are roll number and hobby.

Vvedasrivarma13@gmail.com

73% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This area chart visualizes the number of US university students from 2000 to 2008, using a blue filled region beneath a black curved line. The code employs d3.line and d3.area generators with curveBasis smoothing, alongside d3.scaleLinear for both axes and d3.axisBottom/axisLeft for ticks. Data is loaded via d3.csv from a GitHub Gist, and the SVG is rendered with axis labels and gridlines.

Nnsatyaprakash22

73% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

Nnsatyaprakash22

73% match

Loading thumbnail…

Visualization3D3.js

This visualization shows student retention outcomes grouped by course, comparing the number of retained students against those who dropped out for each academic program. The data comes from a CSV dataset with a "Target" column indicating dropout or graduation status. The implementation uses D3.js v7 with SVG rendering, employing `d3.rollups` to aggregate counts, `d3.scaleBand` for the grouped bar layout, and `d3.axisBottom` and `d3.axisLeft` to generate axes. Interactive tooltips appear on mouseover, highlighting individual bar values and highlighting the hovered bar with a color change.

GGanesh Gundekarla

73% match