Skip to main content
SimilarExport ZIP
100%

Scatter Echart

✓ Published0🌍 Public
Mmichael_chuxs@yahoo.com
Last edited Jun 12, 2026
Created on Jun 11, 2026
Forked from Bar Echart

This scatter plot shows the relationship between gaming hours and academic grades for individual students. Each point represents one student, with its x-position indicating weekly gaming hours and y-position showing final grade, while the tooltip reveals additional details like stress level. The chart is built with the ECharts JavaScript library, using its scatter series type to plot the dataset from the Gaming_Academic_Performance.csv file. The visualization helps identify potential patterns between gaming behavior and academic performance.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

test

This dashboard visualizes the relationship between gaming habits and academic performance across multiple interconnected charts. It shows genre distribution via a pie chart, average grades by stress level in a bar chart, gaming hours versus grades in a scatter plot, and study hours against grades in a line chart. Built with ECharts 5.3.1, the visualization loads a CSV file using `fetch()` and parses it with a custom `parseCSV` function. Charts are generated through ECharts' API functions `createGenrePieChart`, `createStressBarChart`, `createScatterChart`, and `createStudyLineChart`, with data grouped and averaged using JavaScript's `reduce` and array methods.

Mmichael_chuxs@yahoo.com
85% match
Loading thumbnail…

Line Echart

This line chart shows the relationship between study hours and average grades, displaying five study-hour groups from 0-2 hours up to 8-10 hours. Built with ECharts 5.3.1, the visualization loads data from a CSV file containing synthetic student records, parses it with a custom parser, and calculates mean grades per group. The line chart reveals how academic performance varies across different study-hour ranges, with the data filtered to include only records with valid gaming, study, and grade values.

Mmichael_chuxs@yahoo.com
82% match
Loading thumbnail…

Bar Echart

This bar chart shows the average academic grades for students grouped by their self-reported stress level (Low, Medium, High). Built with ECharts 5.3.1, the visualization uses the `averageByGroup` helper to aggregate data from the `Gaming_Academic_Performance.csv` file, then renders a single bar series with a categorical x-axis and value y-axis. The chart is initialized via `echarts.init()` and configured with a title, tooltip, and axis labels.

Mmichael_chuxs@yahoo.com
77% match
Loading thumbnail…

Scatter plot

This dark-themed scatter plot visualizes the relationship between hours studied and exam scores for 188 students, with each point colored by attendance percentage using a sequential turbo scale. The visualization loads data from a CSV file and renders it as SVG circles, employing D3 v7 scales for positioning and color encoding. Interactive tooltips display student details on hover, while grid lines and axis labels provide context for the academic performance metrics.

RRamdas Dheeraj
75% match
Loading thumbnail…

Assignment task 2

This scatter plot visualizes the relationship between screen hours and sleep hours for individual students, with each point colored by GPA using a sequential plasma scale. The visualization loads CSV data from a GitHub gist via `d3.csv`, then renders circles in an SVG container. It uses `d3.scaleLinear` for both axes, `d3.scaleSequential` with `d3.interpolatePlasma` for color encoding, and includes gridlines, axis labels, and an interactive tooltip that displays RollNo, screen hours, sleep hours, and GPA on mouseover/mousemove. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

Eeeshani.boyapati@gmail.com
74% match
Loading thumbnail…

Assignment

This scatter plot visualizes the relationship between students’ study hours per week and their GPA, with each circle representing a single student. The x-axis shows study hours, the y-axis shows GPA, and hover effects increase circle opacity and radius. The visualization loads CSV data from a GitHub Gist, uses d3.csv for parsing, and positions marks with d3.scaleLinear and d3.axisBottom/axisLeft. Grid lines are generated using a modified axis with tickSize, while circle color and size are fixed channels. The chart is rendered as SVG with D3 v7.

HHarshithaAru06
74% match
Loading thumbnail…

Scatter Plot - Study Hours vs Grade Change

A scatter plot visualizes the relationship between study hours per day and grade change, with each point colored red or green to indicate whether a student uses AI. The tooltip reveals detailed attributes per student, including AI usage, tools used, and grades before and after AI. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and SVG circles with mouseover events for interactivity. Data comes from a cleaned CSV file hosted on GitHub, filtered to include only valid records.

Mmichael_chuxs@yahoo.com
73% match
Loading thumbnail…

Pie Echart

This visualization shows the distribution of gaming genres among students in a dataset, displayed as a pie chart with a legend and tooltip showing counts and percentages. Built with ECharts 5.3.1, it loads data from a CSV file, parses it manually, and counts students per genre. The chart uses ECharts’ `pie` series type with a configurable title, tooltip, and emphasis styling, and updates on window resize.

Mmichael_chuxs@yahoo.com
73% match