Skip to main content
SimilarExport ZIP
100%

Average Grade Improvement by AI Tool - Bar Chart

✓ Published1🌍 Public
Mmichael_chuxs@yahoo.com
Last edited May 30, 2026
Created on May 30, 2026

This bar chart visualizes the average grade improvement for students who used different AI tools, including Copilot, ChatGPT, and Gemini. It compares these tools by calculating the mean difference between grades before and after AI usage from the `students_ai_usage.csv` dataset. The chart is rendered as an SVG using d3.v7, with `scaleBand` and `scaleLinear` for axes, and `rollup` and `mean` for data aggregation. Bars are colored purple, and hovering changes the fill to orange.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Average Grade Improvement by AI Tool - TEST

This fork of a D3.js dashboard visualizes student performance data from a CSV file, comparing average grades before and after AI usage across age groups in a line chart, and the average grade improvement by different AI tools in a bar chart. The visualization uses D3 v7 APIs including `d3.csv`, `d3.group`, `d3.mean`, `d3.scaleLinear`, and `d3.line` to load, clean, and render the data as SVG. The interactive dashboard displays the data in a two-column grid layout with styled cards.

Mmichael_chuxs@yahoo.com
80% match
Loading thumbnail…

Fork of Fork of React & D3 Starter

A bar chart compares average grade improvement across AI tool purposes, with each bar height representing the mean grade change for that category. The chart highlights how different reasons for using AI correspond to varying academic outcomes. Built with D3 v7, it loads CSV data via `d3.csv`, aggregates values using `d3.rollups` and `d3.mean`, and scales axes with `d3.scaleBand` and `d3.scaleLinear`. Rendered as SVG, bars include hover tooltips for detail, and the chart is sorted from highest to lowest average improvement.

Mmichael_chuxs@yahoo.com
74% match
Loading thumbnail…

Line chart - Average grade by age

Three overlaid line charts compare average student grades by age across three metrics: grades before AI use, grades after AI use, and the calculated grade change. The line chart groups a CSV dataset by age and computes mean values for each category using `d3.rollup` and `d3.mean`. Lines are drawn with `d3.line` and a point scale, while circles with tooltips and a color-coded legend clarify each series. The SVG is rendered with D3 v7 and includes rotated x-axis labels to accommodate age values.

Mmichael_chuxs@yahoo.com
74% match
Loading thumbnail…

Module 2.2: Assignment #2

This dashboard visualizes student AI usage patterns through four coordinated D3 charts. A pie chart shows the proportion of students using AI, a bar chart compares average grade improvement across AI tools, a scatter plot explores study hours versus grade change, and a line chart displays average grades before and after AI use across student ages. The visualization uses d3.csv to load the students_ai_usage_cleaned dataset, d3.rollup for aggregation, d3.scaleOrdinal for categorical coloring, and SVG rendering with a custom tooltip for interactivity. All charts respond to hover events using the showTooltip and hideTooltip functions.

Mmichael_chuxs@yahoo.com
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
72% match
Loading thumbnail…

AI Usage Dashboard

This dashboard visualizes AI usage patterns and productivity among students and professionals, with data sourced from a Kaggle dataset. It presents four linked charts: a bar chart showing AI tool popularity, a pie chart for user type distribution, a line chart examining productivity against work or study hours, and a scatter plot relating AI usage to productivity. Built with D3 v7, the visualization uses SVG rendering, `d3.rollup` for data aggregation, and scales like `d3.scaleBand` and `d3.scaleLinear`, with a custom axis and rotated labels.

AAwrng
72% match
Loading thumbnail…

Pie Chart - AI Usage Distribution

This pie chart visualizes the distribution of AI usage among students, showing the proportion who use AI compared to those who do not. The visualization loads a CSV dataset from a GitHub repository using `d3.csv`, filters incomplete records, and aggregates counts via `d3.rollup`. It renders slices with `d3.pie` and `d3.arc` in an SVG, applies an ordinal color scale, labels each segment with category and value, and includes a legend. The design uses purple shades and white-stroked arcs for clarity.

Mmichael_chuxs@yahoo.com
72% match
Loading thumbnail…

AI_tool_Screentime

This bar chart visualizes the average daily screen time in minutes for various AI tools in 2025, based on data loaded from a CSV file. The chart uses D3 v7's `scaleBand` and `scaleLinear` to map tool names and time values to SVG rectangles, with axes generated via `axisBottom` and `axisLeft`. Summary statistics (total tools, average, max, and min) are displayed above the chart using `d3.select` and HTML string interpolation. The SVG rendering includes rotated x-axis labels and a hover effect that changes bar color to orange.

Ssaisowjanyaedupuganti.24f@gmail.com
71% match