vccs
Vue 3용 차트 컴포넌트 모음, Recharts에서 포팅
AI 도입이 2020‑2026년 80개국·10개 부문 노동시장에 미치는 영향: 실업·순변화·대체율, 합성 데이터로 시각화
How AI adoption is reshaping workforces across 80 countries and ten Sectors from 2020 to 2026: Displacement, Net change and Replacement rate, shown with Synthetic data calibrated to published research
데이터TypeScript · AstroGitHub @MEmshousen온라인운영자 미확인
써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기Interactive explorer of AI workforce displacement across 80 countries and ten sectors, 2020 to 2026. Synthetic data.
저장소 README에서 가져옴
README 전체를 불러오는 중입니다. 아래는 저장된 발췌입니다.
A one-page dashboard on how AI adoption is reshaping workforces across 80 countries and ten industry
Sectors: four Headline findings, then an Explorer for checking them yourself. Every number in it is
Synthetic data: simulated, not measured.
Live site: (published by the deploy
workflow on each push to main)
Each finding compares the 2020 average with the latest four quarters (2025-Q3 to 2026-Q2), as a
simple average across the 80 countries. These are the figures the build generates from the CSV.README 전문 보기 ↗A one-page dashboard on how AI adoption is reshaping workforces across 80 countries and ten industry Sectors: four Headline findings, then an Explorer for checking them yourself. Every number in it is Synthetic data: simulated, not measured.
Live site: https://memshousen.github.io/ai-displacement-explorer/ (published by the deploy
workflow on each push to main)
Each finding compares the 2020 average with the latest four quarters (2025-Q3 to 2026-Q2), as a simple average across the 80 countries. These are the figures the build generates from the CSV.
The dataset is Synthetic data: simulated figures calibrated to published research, not measured
observations. Nothing here is a finding about the real world. The file,
ai_workforce_displacement_global_2020_2026.csv, came from Kaggle. Every row carries the same
data_source_notes value, which describes it as "Research-calibrated synthetic data" grounded in
WEF Future of Jobs 2025, Goldman Sachs GenAI Labour Report 2025, McKinsey State of AI 2025, OECD
Employment Outlook 2025, BLS O*NET Automation Scores, Layoffs.fyi 2025, PwC AI Jobs Barometer 2025
and IMF WEO 2025. The site labels its numbers as Synthetic data in a note under the headline and in
the source line under every chart.
What a careful reader should know:
site/. One page, no backend, no database and no
interface framework.site/src/data/step/) reads the CSV before every build, dev server
start and type check. It fails the build, naming what is wrong, unless there is exactly one row
for each of the 80 × 10 × 26 cells with no blank or non-numeric value in a column it needs. It
writes two generated files that are never committed: the Headline findings' figures, and one data
file for the Explorer holding all 20,800 cells (about 800 kB, about 207 kB gzipped).d3-scale, d3-shape, d3-geo, d3-array,
d3-interpolate), with no charting package. The four Headline findings charts are drawn at build
time, so they are in the HTML and appear with no JavaScript. The numbers in their text come from
the generated figures, and the build stops if the fixed wording around them ("tripled", "less
than a third") no longer matches the data.?metric=women-share§or=administrative-clerical#explorer opens the Explorer on the fourth
finding.npm test). They cover the data step and
its rejection of bad data, the Headline findings' figures, the Selection and its URL form, and
the geometry and wording behind each Explorer view..github/workflows/deploy.yml) runs on every push to
main: it installs dependencies, runs the type check, builds the site and publishes it to GitHub
Pages.Requires Node 22.12 or newer.
cd site
npm install
npm run dev # dev server at http://localhost:4321
Other commands, also run from site/:
npm run build # build the static site into site/dist/
npm run preview # serve the built site locally
npm run check # type-check the .astro and TypeScript files
npm test # run the unit tests
site/README.md has the detail for working on the site: the data step, the base path and the
design tokens.
.
├── ai_workforce_displacement_global_2020_2026.csv the dataset
├── docs/screenshots/ the images in this README
├── .github/workflows/deploy.yml the GitHub Pages deploy
└── site/ the Astro site
├── astro.config.ts runs the data step before each build
└── src/
├── pages/index.astro the one page
├── layouts/, components/, styles/ page structure and design tokens
├── data/ the data step and the modules that read its output
├── findings/ the four Headline findings charts
├── selection/ the Selection, its metrics and its URL form
└── explorer/ the sentence, map, trend chart and Sector bars
The project was planned in the open as a map of decision tickets in this repo's issues: which Headline findings to lead with, which views the Explorer has, how the data is shaped, what it looks like, which chart library draws it. The code was written by AI coding agents working to those decisions. Madison Emshousen made the decisions, and reviewed and merged the work.