AI Usage Dashboard

100%

AI Usage Dashboard

✓ Published0🌍 Public

Last edited Oct 4, 2026

Created on Oct 4, 2026

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.

AI-generated description

##link to Dataset : AI Usage and Impact on Students & Professionals

##https://www.kaggle.com/datasets/eishatuzzuhra/ai-usage-and-impact-on-students-and-professionals?resource=download

##Dashbord Structure

##index.html Page structure Chart continers (Div)

Links to D3
Links to CSS
Links to index.js

##styles.css

-Fonts -Colors -Layout -Spacing -Borders

##index.js

Load CSV data
D3 code
SVG creation
Charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment #2 Building Dashboard

This dashboard visualizes how AI tool usage relates to productivity and work/study hours among students and professionals, using a dataset from Kaggle. It presents four interactive charts: a bar chart showing AI tool popularity, a pie chart for user type distribution, a line chart for productivity against work/study hours, and a scatter plot of AI usage versus productivity. Built with D3.js v7, the visualization uses SVG rendering and employs `d3.rollup` for data aggregation, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom` for axes. The code handles missing numeric values by substituting column means and filters out incomplete categorical rows before rendering.

AAwrng

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

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

82% match

Loading thumbnail…

AI Tool Usage

This dashboard visualizes car data from a CSV file, filtering by country to show four coordinated charts: a line chart of cars manufactured over time, a bar chart of top car brands, a pie chart of car color counts, and a scatter plot comparing brand count against average year of manufacture. The visualizations are built using D3.js v7 with SVG rendering, leveraging scales such as `d3.scaleLinear` and `d3.scaleOrdinal`, as well as `d3.rollups` for data aggregation. A dropdown selector and tooltip enhance interactivity.

AAwrng

80% match

Loading thumbnail…

Fork of AI Platform Dashboard analysis

This dashboard compares AI platform usage across April 2023–March 2025 using six visualization types: bar charts, grouped bars, line charts, pie charts, scatter plots, and a treemap. Built with React and D3 v7, it renders SVG with animated transitions, interactive tooltips, and controls for filtering by platform type, sorting, limiting data, and highlighting selected platforms. The data, loaded from a CSV via d3.csv, shows visit counts and year-over-year changes for chatbots and search engines.

NNita

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

77% match

Loading thumbnail…

AI ONLINE MOCKUPS

This interactive scatter plot displays the average AI adoption level and automation risk for various skills, categorized into low, medium, and high. Each circle represents a skill, positioned by its average values on the axes, colored by skill name, and labeled for identification. Built with D3 v7, the visualization uses `d3.csv` to load data from a gist, `d3.rollups` to aggregate by skill, and `d3.scaleLinear` for axes with ordinal risk labels. SVG circles, text labels, and styled axes render the final chart.

Jjrcuster@dons.usfca.edu

77% match

Loading thumbnail…

AI Platform Dashboard analysis

An interactive bar chart compares total visits for AI platforms across chatbots and search engines for 2024-2025. Users can filter by platform type, sort by total visits or year-over-year change, and toggle to show previous year indicators. Built with React and D3 v7 (including `scaleBand`, `scaleLinear`, and `scaleOrdinal`), it renders as animated SVG bars with hover tooltips and legend-based filtering, with data loaded from a CSV file.

NNita

76% match