Skip to main content
SimilarExport ZIP
100%

AI_tool_Screentime

✓ Published0🌍 Public
Ssaisowjanyaedupuganti.24f@gmail.com
Last edited Oct 4, 2025
Created on Oct 4, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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
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
72% match
Loading thumbnail…

Activity 9.3

This area chart visualizes the growth percentage of AI over time, with years on the x-axis and growth percentage on the y-axis. The chart uses a smooth curve to connect data points, filling the area below the line in sky blue. The code imports D3 v7 functions like `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path. Data is loaded from a CSV file via `csv`, with axes rendered using `axisLeft`, `axisBottom`, and gridlines styled through CSS.

Ss.harshinisai01@gmail.com
72% 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
70% match
Loading thumbnail…

AI Tool Screen time

This visualization compares sepal length and width across three iris species using a scatter plot of 150 flowers from Fisher’s Iris dataset. The chart displays data as large, semi-transparent colored circles, with each species assigned a distinct BBC-style color. Hovering over a legend item highlights that species’ points while fading others. Built with D3.js, the example uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render the chart, and a `ResizeObserver` for responsive sizing.

Ssaisowjanyaedupuganti.24f@gmail.com
70% match
Loading thumbnail…

Fork of CV: KI vs traditionelle Work flow

A symmetric bar chart contrasts traditional workflow times against AI-accelerated times across three processes. Red bars extending left represent conventional durations in hours or minutes, while green bars on the right show the equivalent AI times in seconds, revealing dramatic efficiency gains. Built with D3 v7 within a React application, the visualization uses `scaleBand` for process categories and `scaleLinear` for the diverging time axis, rendering SVG rects with hover effects. The chart draws from a CSV file and displays value labels in their respective units, with a central dashed zero-line and a legend distinguishing the two workflows.

Uudjeffrey.jay@gmail.com
69% match
Loading thumbnail…

AI-Powered Job Market Insights

This visualization displays the average salary for each job title in the AI-powered job market dataset, with bars sorted in descending order to reveal the highest-paying roles. Using D3 v7, the chart renders as an SVG with a band scale for the categorical job titles and a linear scale for salary values. The code fetches data from a CSV file, aggregates salaries by job title with `d3.group` and `d3.mean`, and builds the bar chart with axes, rotated labels, and formatting via `d3.axisBottom`, `d3.axisLeft`, and `tickFormat`.

Ppszyarto@wpi.edu
69% match
Loading thumbnail…

Fork of Fork of CV: Loading CSV Data

This example visualizes the time savings achieved by AI processes compared to traditional methods through a symmetric horizontal bar chart. Three image-processing tasks are displayed, with traditionell (traditional) durations extending left in red and KI (AI) durations extending right in green. The chart loads process data from a local CSV file using `d3.csv`, then renders SVG elements within a React application. The visualization employs D3's `scaleBand` and `scaleLinear` for positioning, with interactive hover effects and value labels on each bar.

Uudjeffrey.jay@gmail.com
69% match