# Portfolio ### Data Visualization & Web Projects Frederic Lam
## Overview - 📊 **18+ Data Visualization Projects** - 🌍 **Geographic & Interactive Maps** - 📈 **Health & Cancer Research Visualizations** - 🎨 **Custom D3.js & Chart Libraries** - 🔧 **Python & JavaScript Tools**
## Geographic Visualizations Interactive maps and regional data **↓ Explore Projects ↓**
### French Regional Elections 2015 **Technologies**: D3.js, GeoJSON, TopoJSON **Features**: - Interactive department-level results - Political party breakdown - Regional aggregation [View Project](../01_ElectionsRegionales2015/)
### Thailand Map Visualization **Technologies**: D3.js, NVD3, TopoJSON **Features**: - Regional data overlay - Multiple chart types (pie, bar) - Responsive design [View Project](../02_ThailandMap/)
### French Presidential Elections **Technologies**: D3.js, GeoJSON **Features**: - Real-time results visualization - Department-level mapping - Comparative analysis [View Project](../14_presidentielles/)
## Health & Cancer Research Data visualizations for medical research **↓ Explore Projects ↓**
### Breast Cancer Screening (EU) **Focus**: European screening programs **Features**: - Country comparison - Screening rates over time - Interactive charts [View Project](../06_Breast_EU_Screening/)
### Carcinogen Database **Focus**: Known carcinogens research **Features**: - Searchable database - Classification system - Evidence levels [View Project](../10_Carcinogen/)
### Cervical Cancer Visualization **Technologies**: Vite, Modern JavaScript **Features**: - Global incidence data - Risk factors analysis - Prevention strategies [View Project](../17_CervicalCancer/)
### Female Genital Mutilation (FGM) **Focus**: Global FGM prevalence data **Features**: - Country-level statistics - Age group breakdown - Trend analysis [View Project](../11_FGM/)
## Sports & Social Visualizations Cycling, football, and social data **↓ Explore Projects ↓**
### Champions Cyclistes **Focus**: Professional cycling champions **Features**: - Career statistics - Race results timeline - Performance metrics [View Project](../04_ChampionsCyclistes/)
### OL-ASSE Football Network **Technologies**: D3.js force layout **Features**: - Player connections - Team relationships - Network visualization [View Project](../03_OL_ASSE/)
### Pedometer Challenge **Focus**: Fitness tracking visualization **Features**: - Daily step counts - Progress tracking - Goal visualization [View Project](../12_PedometerChallenge/)
## Policy & Demographics Social policy and demographic data **↓ Explore Projects ↓**
### Maternity Leave Policies **Focus**: Global maternity leave comparison **Features**: - Country policies - Duration comparison - Paid vs unpaid leave [View Project](../05_MaternityLeave/)
### Population Pyramid **Technologies**: D3.js **Features**: - Age distribution - Gender comparison - Time series animation [View Project](../07_Pyramid/)
### Traffic Accidents Analysis **Focus**: Road safety statistics **Features**: - Accident hotspots - Time-based patterns - Severity analysis [View Project](../13_Accidents/)
## Tools & Utilities Development tools and experiments **↓ Explore Projects ↓**
### Lab Graph Visualization **Technologies**: D3.js, custom layouts **Features**: - Research network graphs - Interactive exploration - Data relationships [View Project](../08_LabGraph/)
### GICR Data Platform **Focus**: Global cancer registry integration **Features**: - Multi-source data - Standardization tools - Quality metrics [View Project](../09_GICR/)
### IARC Support Dashboard **Technologies**: Custom web components **Features**: - Support metrics - Resource tracking - Team analytics [View Project](../15_IarcSupport/)
### Python Scripts Collection **Focus**: Data processing utilities **Tools**: - CPU monitoring - Mathematical calculations - Automation scripts [View Project](../16_PythonScript/)
### Web Calculator **Technologies**: React/Vue **Features**: - Scientific calculations - History tracking - Keyboard shortcuts [View Project](../18_Calculator/)
## Presentations Reveal.js & SliDev presentations **↓ View More ↓**
### GitHub Copilot Presentation **Framework**: Reveal.js with IARC theme **Topics**: - AI-powered coding assistant - Use cases & examples - Best practices [View Presentation](../ai/)
### Reveal.js Template Library **Features**: - Custom IARC theme - IARC 60th anniversary theme - Reusable components [Explore Templates](../19_PresentationsRevealJS/)
### SliDev Projects **Framework**: Vue-based presentations **Features**: - Markdown-driven slides - Interactive components - Developer-focused [View SliDev](../20_SliDev/)
## Technologies Used **Visualization**: - D3.js, NVD3, Chart.js - TopoJSON, GeoJSON - Custom SVG components **Frameworks**: - React, Vue.js, Vite - Reveal.js, SliDev **Backend**: - Python (Flask, Pandas) - Node.js **Styling**: - SCSS/Sass, CSS3 - Responsive design
## Get in Touch 📧 **Email**: frederic.lam@iarc.who.int 🔗 **GitHub**: [fredericlam.github.io](https://github.com/fredericlam/fredericlam.github.io) 💼 **LinkedIn**: [Connect with me](https://www.linkedin.com/in/fredericlam) --- ### Thank you!