Demos

Technical lab

Interactive demos built into the portfolio itself. Each one proves an engineering decision: progressive rendering, data visualization, accessibility or performance.

Fiscal revenue terrain

Simulated 2024–2025 data. Height: collection by tax and month. React Three Fiber / Three.js / WebGL, with a no-JavaScript SVG and idle mounting.

3D skill network

Interactive graph built with React Three Fiber, server-rendered SVG fallback, capability gate (WebGL, reduced motion, device) and a lazy chunk — three.js never reaches the initial bundle.

  • React Three Fiber
  • WebGL
  • Progressive enhancement
  • A11y
Open the 3D network

SQL + Python Data Engineering Lab

An interactive lab that transforms simulated raw data into a reliable dataset using SQL, Python, Pandas, ETL and data quality auditing.

  • SQL
  • Python
  • Pandas
  • ETL
  • Data Quality
Explore lab

Power BI Decision Case

Simulated executive dashboard with fiscal KPIs, data model, conceptual DAX and automatic insights.

  • Power BI
  • DAX
  • SQL
  • ETL
  • KPIs
View the BI case

Analytics Lab

KPI, data-quality and revenue simulators with synchronized state, data-derived insights and SQL as a technical module — fully client-side, no backend.

  • Data viz
  • Interactivity
  • TypeScript
Open the Analytics Lab

Engineering notes

Technical write-ups from this very site — scroll jank, single-source bilingual content and other decisions documented with real code.

  • MDX
  • Performance
  • i18n
Read the notes