test

100%

✓ Published0🌍 Public

Last edited Jun 11, 2026

Created on Jun 11, 2026

Forked from ECharts

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

Mmichael_chuxs@yahoo.com

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

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

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

77% match

Loading thumbnail…

Assignment 3

This visualization compares average screen time, sleep hours, and GPA across six student groups using a combined bar and line chart. Gray bars represent average screen hours, while blue, green, and red lines depict trends for screen time, sleep, and GPA, respectively. The chart uses D3’s `scaleBand` for categorical x-axes, `scaleLinear` for the y-axis, and `d3.line` to connect summary points. Data is loaded from a CSV via `d3.csv`, grouped into six slices, and aggregated with `d3.mean` to compute group averages.

Eeeshani.boyapati@gmail.com

71% match

Loading thumbnail…

Fork of Fork of React & D3 Starter

This dashboard visualizes student AI usage data, showing how study habits, grades, and screen time relate to the adoption of tools like ChatGPT, Copilot, and Gemini. It presents four coordinated views—a pie chart, bar chart, scatter plot, and line chart—built with React 19 and D3 v7. Data is loaded from a remote CSV using `d3.csv` and processed with D3's array methods. Each chart is rendered by separate functions, `drawPieChart`, `drawBarChart`, `drawScatterPlot`, and `drawLineChart`, which use D3 selections and scales to encode the dataset's variables.

Mmichael_chuxs@yahoo.com

71% match

Loading thumbnail…

CSCE 5320 Assignment 7

This interactive visualization explores video game sales data through four coordinated charts: a scatter plot of regional sales, a pie chart of genre shares, a line chart, and an area chart of global sales over time. Users switch between views using buttons. Built with D3 v6, the example uses `scaleLinear`, `axisLeft`, `axisBottom`, `pie`, `arc`, `line`, and `area` APIs. The scatter plot employs `scaleOrdinal` with `interpolateRainbow` for genre colors, while the line and area charts aggregate data via `rollup` and `sum` from a TSV dataset.

SStorm

70% match

Loading thumbnail…

WORK

The visualization displays average GAD-7 scores by employment status and reason for playing games, with each employment category further divided into gender-based sub-bars using a grouped bar chart. It shows the complete dataset without aggregation, rendering all 16 data points from the CSV file. The implementation uses d3.csv for data loading, scaleBand for both the primary and nested categorical scales, scaleOrdinal with explicit RGB color values for gender encoding, and scaleLinear for the y-axis. Axes are rendered with d3.axisLeft and d3.axisBottom, while SVG rectangles draw the bars.

GGeorgeVard

69% match