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.
Projects
0
Total Articles
Labs
0
Total Published
Github
0
Total Repos
GitHub
0
Total Stars
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.
Cancer Monitoring Dashboard
Data exploration dashboard using React and D3 to visualize cancer trends in Switzerland. Implemented filtering logic, tooltips, and accessible UX patterns.
Competitiveness Outlook Data Hub
Interactive data storytelling platform built using fullstack technologies. Created backend logic for scoring systems and visual data transitions.
Outlier Micro Frontend
Localized schedule builder using micro-frontend architecture. Next.js frontend with modular deployment. Backend powered by Supabase + PostgreSQL.
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.
Feb 2021
Feb 2026
EFFECTRPCMONOREPOEFFECT-AI
Building an Agentic Chat Application
AGENTIC-LOOPCONTEXT-ENGINEERINGLLM
Agentic Loops & Context Engineering
WEB-COMPONENTSVISUALIZATIONGRAMMAR-OF-GRAPHICSLIT
Grammar of Graphics with Web Components (Part 1)
EFFECTHASKELLPRETTY-PRINTINGTYPESCRIPT
Developing Effect Boxes
GOWEB-SOCKETSREACT
Ghost Sockets
LITTAILWINDWEB-COMPONENTS
How to: Setup Lit with Tailwind