Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

f7ec192c0feb4e0aac5b0ab58f782c80

Fork of Fork of React & D3 Starter

0 stars0🌍 Public
Mmichael_chuxs@yahoo.com
Last edited May 29, 2026
Created on May 29, 2026

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.

AI-generated description