3D WebGL Data Visualization

Overview

This interactive storytelling website uses cutting-edge WebGL technology to offer a visually stunning and immersive experience. As users scroll through, dynamic visualizations shift and transform, narrating the journey from chaos to clarity. The project presents a detailed mapping of 8 key skills, subdivided into 26 specialized subskills, illustrating how complex abilities are interconnected and evolve over time.

The visualization captures the process of personal growth, transitioning from disordered elements into a cohesive structure. It highlights the transformation of raw potential into refined expertise, inviting users to explore their own talents through an intuitive and engaging medium. By blending sophisticated data visualization with an artful narrative, this project emphasizes the power of structure and clarity in mastering intricate skills.

Tech stack

• WebGL
• D3.js
• Three.JS
• Javascript
• HTML/CSS