Purpose

This project demonstrates how to create engaging, interactive data visualizations using modern web technologies. It transforms complex cryptocurrency market data into an intuitive 3D experience that makes it easy to understand market dynamics at a glance.

The sphere-based representation allows users to quickly identify market leaders by size and assess performance through color coding, all while enjoying smooth, responsive interactions.

Tech Stack

How Data Is Visualized

• 1
  Fetch: Real-time market data retrieved from CoinGecko's public API, limited to top 25 cryptocurrencies by market cap.
• 2
  Process: Market cap values are normalized to determine sphere sizes, and positions are calculated using the Golden Spiral method for even 3D distribution.
• 3
  Render: Three.js renders each cryptocurrency as a 3D sphere with realistic materials, lighting, and floating animations for an immersive experience.
• 4
  Interact: Users can hover for quick info, click for detailed analysis, and freely navigate the 3D space using intuitive mouse controls.

Future Improvements

• •Solar System Visualization: Transform the sphere cluster into an orbiting solar system, with Bitcoin at the center and other coins orbiting at distances proportional to market cap.
• •Historical Data: Add time controls to visualize market changes over time with animated transitions.
• •Advanced Filters: Enable filtering by sector, market cap range, or performance metrics.
• •Comparison Mode: Select multiple coins to view side-by-side comparisons with charts.