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

100%

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

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 27, 2024

Forked from Fork of Fork of Fork of Reusable D3 Scatter Plot

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."

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7:Area chart of students going abord doing bachelor's

This area chart shows the number of Indian students pursuing bachelor’s degrees abroad from 1990 to 2022. A blue line traces the trend over time, with a matching filled area beneath it and circular points marking each year’s value. The visualization uses D3.js v7 with SVG rendering, employing `d3.area()`, `d3.line()`, and `d3.scaleLinear()` for the axes. Data is loaded from a CSV file via `d3.csv()`, and hover effects on the points change their color to orange, as defined in the CSS.

Ssagamreddy929@gmail.com

83% match

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

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

81% 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…

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

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

79% match

Loading thumbnail…

ICE - 7

This animated scatter plot visualizes relationships between different attributes of college majors, including unemployment rates and salary data for men and women. Built with D3.js, the visualization cycles through four data dimensions every 1.9 seconds, updating the x-axis scale and labels dynamically while the y-axis remains fixed on women’s representation. Circles are color-coded by major category, with data sourced from a CSV file. The reusable chart structure follows the "Towards Reusable Charts" pattern, using D3 scales, axes, and SVG circle elements to render the changing data.

Cchakritha06

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