# 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!