DEV Community

Kholipha Ahmmad Al-Amin
Kholipha Ahmmad Al-Amin

Posted on

Bilingual 3D Webinar Architecture: Building the AI Masterclass 2026 Presentation

Standard slide tools like Google Slides and PowerPoint struggle when you need real-time data visualizers, interactive entity tooltips, and 3D graphic pipelines tailored for a technical audience.

For our nationwide AI webinar, we built a bespoke presentation engine that functions as an interactive web app.

Technical Highlights

The application was built with Vite 5, React 18, Tailwind CSS, Framer Motion, and Three.js:

  • Per-Slide 3D Scenes: Each of the 18 slides loads an isolated, optimized Three.js canvas that reflects the conceptual depth of the topic, from neural activations to vector embedding topologies.
  • Bilingual English and Bengali i18n: The system provides full language switching with synchronized typography scales, ensuring technical terminology remains unambiguous in both languages.
  • Live Multimodal Model Leaderboard: We integrated a filterable benchmark table comparing proprietary and open-weights models across reasoning benchmarks, parameter counts, and API token economics.
  • Interactive Entity Tooltips: Technical acronyms feature inline hover and tap inspectors that explain underlying mechanics without cluttering the main slide deck.

Read more about our applied AI work and interactive visual platforms at https://kholipha-ahmmad-al-amin.me/#projects.

Top comments (0)