Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
Ppszyarto@wpi.edu
Last edited Sep 11, 2025
Created on Sep 11, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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

This scatter plot visualizes the relationship between automation probability (x-axis) and New York employment counts (y-axis) for individual occupations. Built with React and D3 v7, it loads occupation data from a CSV file and renders circles for each role. The visualization uses D3’s scaleLinear for axes, axisBottom and axisLeft for ticks, and extent to compute domains. The React app handles CSV parsing and data cleaning, including normalization of headers and numeric values.

Ppszyarto@wpi.edu
96% match
Loading thumbnail…

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

This scatter plot visualizes the relationship between automation probability and employment numbers for various occupations in New York. Each circle represents an occupation, with position encoding automation probability on the x-axis and log-scaled employment on the y-axis, while circle size reflects the product of both values. The visualization uses React and D3 v7, employing `d3.csv` and `d3.dsv` for data loading, `scaleSqrt` for radius scaling, and `scaleLog` for the logarithmic y-axis. Labels highlight the twelve highest-impact occupations.

Ppszyarto@wpi.edu
95% match
Loading thumbnail…

Fork of Fork of CV: Loading CSV Data

A React and D3 v7 donut chart compares AI consistency (95%) with human variability (5%) in image generation. Each colored arc is rendered using d3.pie and d3.arc generators, with icons and percentage labels positioned via arcGenerator.centroid. Clicking a segment toggles an info panel displaying category details while dimming inactive arcs. Data is hardcoded in App.jsx, and the chart responds to container resize events through a ResizeObserver hook.

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

Fork of Fork of Fork of Fork of Global AI Content Impact Dataset - Set5

This fork-of-a-fork visualization provides an interactive scatter plot of the Global AI Content Impact Dataset, showing relationships among numeric columns like AI Adoption Rate, Job Loss, and Revenue Increase, colored by categorical fields such as Country or Industry. A view switcher toggles between scatter and trends views, while dropdowns and checkboxes let users select dimensions. Built with D3 v7, it fetches CSV data, coerces values with custom parsing, and renders SVG charts with dynamic controls.

Ppszyarto@wpi.edu
76% match
Loading thumbnail…

Fork of Fork of Fork of Global AI Content Impact Dataset - Set4

This interactive scatterplot explores a synthetic global AI impact dataset, plotting metrics such as AI adoption rate against AI-generated content volume. Users can change the x-axis, y-axis, and point size via dropdown controls, with points colored by country and represented as SVG circles. The visualization reads a CSV file using d3.csvParse, coerces values, and maps column names heuristically before rendering with D3 v7 scales and axes. A legend and tooltip provide additional context for each country-industry-year observation.

Ppszyarto@wpi.edu
75% 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
75% match
Loading thumbnail…

Fork of CV: Loading CSV Data

This interactive donut chart visualizes the distribution of consistency between AI-generated (95%) and human-created (5%) content, with a clickable segmented display that reveals detailed attributes for each category in a side panel. Built with React and D3 v7, the visualization uses d3.pie and d3.arc to generate SVG paths, with ResizeObserver-driven container dimensions for responsive scaling. The chart features animated opacity transitions on segment selection and a dark-themed info panel with custom styling.

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

Fork of Scatter plot for AI Research

This interactive scatter plot visualizes AI research metrics by country, allowing users to compare attributes like citations, documents, and H-index through dropdown menus. The visualization uses React with D3 v5 scales and SVG rendering, featuring a color legend that highlights individual countries on hover while fading others. Data comes from a SCImago Journal Rank CSV file, processed with D3's csv parser and sorted by citation count before display.

JJason
74% match