Skip to main content
SimilarExport ZIP
100%

GAV Performance : Age vs Mark vs Attendance

✓ Published1🌍 Public
Ppillliarun79
Last edited May 23, 2020
Created on May 23, 2020
Forked from Cars Scatter Plot

This scatter plot visualizes the relationship between student age, attendance, and marks across various GAV animation courses. Each circle’s x-position maps to age, y-position to mark, and radius to attendance, revealing patterns in student performance. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes and circles as SVG elements. Data comes from a CSV file loaded via D3’s `csv` method, with numeric values parsed for plotting.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

GAV Performance : Age vs Mark vs Attendance

This scatter plot maps student age against mark and attendance for the GAV department, with each point representing an individual course record from the provided CSV data. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis (Age) and `scaleBand` for the y-axis (Mark), while attendance values are encoded but not directly shown in the current rendering. The chart displays axes via `axisLeft` and `axisBottom`, with rectangular bars sized by age and positioned by mark. Data preprocessing converts age, attendance, and mark strings to numbers before rendering.

Ppillliarun79
96% match
Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between student age and exam marks across various university courses. Each point represents an average mark for a specific age group within a course, with the x-axis scaled linearly and the y-axis using a band scale for discrete age values. The visualization uses D3 v5's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the SVG chart, with margins and formatting applied to the axes. Data comes from a CSV file containing department, course, age, attendance, and marks columns.

Ppillliarun79
77% match
Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between student age and exam marks across various university courses. Each point represents an average mark for a specific age group within a course, with the x-axis scaled linearly and the y-axis using a band scale for discrete age values. The visualization uses D3 v5's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the SVG chart, with margins and formatting applied to the axes. Data comes from a CSV file containing department, course, age, attendance, and marks columns.

Ppillliarun79
77% match
Loading thumbnail…

A2Q5

This animated scatter plot reveals relationships between student study habits and academic performance. It cycles through three variable pairings every five seconds, displaying Marks against time_study, then number_courses, using D3 scales and axes. Data comes from a CSV file loaded via d3.csv, with circles redrawn through a custom scatterPlot module. The visualization uses d3.scaleLinear for positioning, d3.axisLeft and d3.axisBottom for axes, and setInterval to trigger updates in the SVG rendering.

MmNamratha25
73% match
Loading thumbnail…

Average Attendance for each module

This visualization shows the average attendance for each module using a bar chart, with the y-axis representing the percentage of attendance and the x-axis displaying different module codes. The bars animate as they grow to their final height, and hovering over a bar highlights it in orange and displays its exact attendance value as a text label. The code uses D3.js v4 APIs like `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, along with SVG transitions for animation. The data is loaded from a CSV file containing course names, ages, and average marks.

BBrahmareddym1996
73% match
Loading thumbnail…

Average Mark for each module

This bar chart displays the average marks for each age group from 18 to 69, sourced from the attend_data.csv file. It uses D3 v4 with SVG rendering and animated transitions, where bars sequentially grow in height. Hovering over a bar triggers a mouseover event that highlights it in orange, enlarges it, and displays its exact value, while mouseout restores the original state. The chart includes axes with percentage tick labels and custom styling.

BBrahmareddym1996
72% match
Loading thumbnail…

Average Mark for each module

This bar chart displays the average marks for each age group from 18 to 69, sourced from the attend_data.csv file. It uses D3 v4 with SVG rendering and animated transitions, where bars sequentially grow in height. Hovering over a bar triggers a mouseover event that highlights it in orange, enlarges it, and displays its exact value, while mouseout restores the original state. The chart includes axes with percentage tick labels and custom styling.

BBrahmareddym1996
72% match
Loading thumbnail…

Average Mark for each module

A bar chart displays the average marks for students aged 18–69, with each bar representing an age group's mean score. The visualization uses a vertical bar layout with percentage-based y-axis labels and animated bar entrance transitions. Built with D3 v4, the chart employs `d3.scaleBand` for x-axis positioning and `d3.scaleLinear` for the y-axis. Bars animate in sequentially using `transition().duration(400).delay(i * 50)`, while mouseover and mouseout handlers highlight bars in orange and display tooltip-like value labels. The data comes from the included `attend_data.csv` file.

BBrahmareddym1996
72% match