Fork of ICE-5 Assignment

100%

Fork of ICE-5 Assignment

✓ Published0🌍 Public

Last edited Mar 27, 2024

Created on Mar 27, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Assignment 5 Bubble Plot D3

This animated scatter plot visualizes student enrollment trends across different degree types—bachelor's, master's, PhD, and jobs—tracking the number of students going abroad over time. The visualization cycles through each category every two seconds, updating both the data and the symbol shape (circle or square) to represent the current category. Built with D3 v3, the reusable `scatterPlot` function manages scales, axes, and transitions, while the main script loads CSV data from a GitHub gist and drives the animation loop using `setTimeout`.

Ssagamreddy929@gmail.com

83% match

Loading thumbnail…

Fork of Fork of Fork of Reusable D3 Scatter Plot

This animated scatter plot visualizes the Iris Dataset, cycling through four student categories—Bachelors, Masters, PHD, and Jobs—by displaying the number of students going abroad over time. Rendered with SVG and D3 v6, it uses distinct symbol shapes for each category, with smooth transitions between views every two seconds. The chart includes labeled axes for "Years" and "No of Students Going Abroad", and dynamically updates the title and symbol style as it cycles through the dataset.

Vvinodreddysagam929@gmail.com

82% match

Loading thumbnail…

ICE-7 - Scatter Plot

This animated scatter plot maps student performance metrics, such as scores in tenth, twelfth, and college, along with time spent, against each other. The plot cycles through different x-axis variables, updating the visualization in a loop, and colors data points by hobby categories: Cinema, Sports, and Others. Built with D3 v6, it uses `d3.csv` to load the data and a custom `scatterPlot` module that constructs axes and circles, rendering the SVG animation with a legend and labels.

AAshrith Kudidhi

81% match

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

80% match

Loading thumbnail…

ICE-7:Resuable Scatter Plot of Number Student Going to Aboard

This animated scatter plot visualizes the number of students going abroad for different degree levels (Bachelor’s, Master’s, PhD, and Jobs) over time. The visualization cycles through each student type every two seconds, updating the chart with a new symbol shape (circle or square) and a title indicating the current category. The code uses D3.js utilities like `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a remote CSV file and render the SVG chart. The plot displays year on the x-axis and student counts on the y-axis, with the y-axis label "No of Students Going Abroad."

Vvinodreddysagam929@gmail.com

80% match

Loading thumbnail…

ICE 7

This interactive scatter plot maps student marks across Math and Science, with age encoded by symbol type. It cycles through different data columns as the x-axis every fifteen seconds, updating the visualization dynamically. Built with D3, it uses `scaleLinear`, `axisLeft`, `axisBottom`, `symbols`, and `scaleOrdinal` to render the SVG animation. The plot pulls data from a CSV file and adjusts its axes and points in real time, all within a responsive full-screen viewport.

SSnarasimhap

80% match

Loading thumbnail…

ICE - 7

This interactive scatter plot animates through different attributes of a college dataset, cycling the x-axis among Unemployment_rate, Employed_full_time_year_round, Unemployed, and Employed every 1.9 seconds while the y-axis remains fixed on Employed. Each point represents a major category, colored distinctly by its category, with a reusable scatterPlot module built on D3's scaleLinear, axisLeft, and axisBottom. The SVG visualization, rendered on a wheat background, uses the Share Tech font and updates labels dynamically to reflect the current x-axis metric.

HHarishma Nallala

78% match

Loading thumbnail…

SCATTER PLOT IN ICE_6

This interactive scatter plot visualizes the relationship between maths and science marks from a CSV dataset, with two sequentially displayed SVG charts that alternate between circle and triangle/square symbols. The visualization shows student performance across two subjects, coloring points based on which subject score is higher. Built with D3 v7, the example uses `d3.scaleLinear` for axes, `d3.symbol()` with `d3.symbolTriangle` and `d3.symbolSquare` for custom point shapes, and `d3.csv()` for data loading. Both charts are initially hidden and displayed in sequence, each sharing identical axes, labels, and a legend indicating the comparison between maths and science scores.

Vvenigallajaanu@gmail.com

78% match