lloydrichards.dev

Hello, I'm Lloyd

This website is a personal portfolio and lab space where I can showcase my projects, experiment with new ideas, and share my thoughts and experiences through blogging. Please feel free to explore my recent projects, read my lab and blog posts, or connect with me through social media.

IPEN Plastic Map

Interactive map of global plastic pollution data for IPEN. Built fullstack app using Next.js, PostgreSQL, and D3. Designed map interactivity and backend filters for dynamic loading.

IPEN Plastic Map

Cancer Monitoring Dashboard

Data exploration dashboard using React and D3 to visualize cancer trends in Switzerland. Implemented filtering logic, tooltips, and accessible UX patterns.

Cancer Monitoring Dashboard

Competitiveness Outlook Data Hub

Interactive data storytelling platform built using fullstack technologies. Created backend logic for scoring systems and visual data transitions.

Competitiveness Outlook Data Hub

Outlier Micro Frontend

Localized schedule builder using micro-frontend architecture. Next.js frontend with modular deployment. Backend powered by Supabase + PostgreSQL.

Outlier Micro Frontend

Migration Inititives Map

Interactive map of migration initiatives in Niger. Built with Next.js and MapLibre, integrated with IOM's CMS for real-time updates.

Migration Inititives Map

Effect: Services (Part 4)

Effect: The Practical (Part 2)

Ghost Sockets

How to: Setup Lit with Tailwind

Mosaic Design

Optimized Nested Bubble Packing