Skip to main content
SimilarExport ZIP
100%

AI ONLINE MOCKUPS

✓ Published0🌍 Public
Jjrcuster@dons.usfca.edu
Last edited Apr 12, 2025
Created on Apr 10, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Global AI Content Impact Dataset - Set6

This scatter plot visualizes the Global AI Content Impact Dataset, mapping AI adoption rates against job loss percentages across countries, industries, and years. Each point encodes additional dimensions through color (regulation status), size (content volume), and position, with tooltips revealing exact values. Built with D3 v7, the visualization uses d3.csvParse for data loading, d3.scaleLinear for axes, and interactive controls for filtering by year, industry, and country. A view switcher toggles between scatter and trend representations within the same SVG-based interface.

Ppszyarto@wpi.edu
74% match
Loading thumbnail…

Global AI Content Impact Dataset - Set7

This interactive scatterplot explores a synthetic dataset of AI adoption across countries and industries, mapping variables like adoption rate, job loss, and revenue growth. Users can filter by year, highlight industries, and select between scatter and trend views. Built with D3 v7, the visualization uses SVG rendering, a view switcher tied to URL hash state, and dynamic data loading from a CSV file.

Ppszyarto@wpi.edu
74% match
Loading thumbnail…

Global AI Content Impact Dataset

This scatter plot explores the relationship between AI adoption and job displacement across countries and industries, with point size encoding market share. Users can filter by year and industry, and select which quantitative attributes to plot on each axis. The visualization is implemented using D3 v7, parsing the Kaggle dataset via `d3.csvParse`, mapping columns through regex, and rendering an interactive SVG chart with select elements for controls.

Ppszyarto@wpi.edu
73% match
Loading thumbnail…

Fork of Global AI Content Impact Dataset - Set2

This interactive scatterplot explores the Global AI Content Impact Dataset, filtering by year and industry to compare AI adoption rates against metrics like job loss, revenue increase, and consumer trust. The visualization uses D3 v7 to render an SVG chart, with dropdown menus controlling the year and industry filters, and additional dropdowns selecting the x- and y-axis numeric columns. Each data point is scaled by market share when selected. The code derives column names heuristically (e.g., matching “adoption” or “displacement” patterns) and coerces string values into numbers before plotting. The chart is drawn within a fixed-width container with a legend gutter on the right.

Ppszyarto@wpi.edu
73% match
Loading thumbnail…

Fork of Fork of Fork of React & D3 Starter

This interactive scatter plot visualizes the relationship between salary (in USD) and AI risk score for various job titles, with each point colored by job category based on data loaded from a GitHub Gist. It uses d3.csvParse or d3.tsvParse to handle the data, d3.scaleLinear for both axes, d3.scaleOrdinal with combined color schemes, and d3.axisBottom/axisLeft to render gridlines and tick labels. Hovering over a circle triggers a tooltip showing job title, country, salary, and AI risk score, while a legend displays the first twelve job categories.

Llohithkumar51001@gmail.com
73% match
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
72% match
Loading thumbnail…

Fork of Fork of Basic Scatter Plot with React & D3 using Global AI Content Data

This scatter plot visualizes the probability of automation for various occupations against their employment counts in New York, using global AI content data loaded from a CSV file. Built with React and D3 v7, it renders circles scaled by a fixed radius, with axes, labels, and a linear scale for both dimensions. The app normalizes headers, parses numeric values, and filters incomplete rows before drawing, employing D3’s `scaleLinear`, `axisBottom`, `axisLeft`, and the join operator for efficient SVG updates.

Ppszyarto@wpi.edu
72% match