Viewing a saved revision (read-only)
99cb8b7dd32d42998108b9a0a3095083
Vibe Transfer Test
This visualization plots the relationship between automation probability and employment levels for various occupations in New York, using a bubble chart where point size encodes the estimated impact of automation. The data comes from a CSV file containing SOC codes, occupation titles, probability scores, and job counts. The example demonstrates how AI can transfer visual styling between projects, combining a dark gradient background with glowing cyan points. The implementation uses D3 v7 scales (`scaleLinear`, `scaleLog`, `scaleSqrt`), axis generators, and SVG filters for the glow effect, all managed within a React component.
AI-generated descriptionScatter Plot Visualization
A React-based scatter plot visualization using D3.js to display automation probability vs employment data. Features include logarithmic scaling, dynamic radius sizing based on impact, and top-N labeling.
Features
- Interactive scatter plot with glow effects
- Logarithmic Y-axis scaling
- Dynamic point sizing based on impact calculation
- Top-N occupation labeling
- Responsive design with modern aesthetics
Data Format
Expected CSV/TSV format with columns:
- SOC: Standard Occupational Classification code
- Occupation: Job title
- Probability: Automation probability (0-1 or 0-100)
- New York: Employment numbers in NY
Setup
Open index.html in a web server (due to CORS restrictions with file loading)