Interactive tool for exploring Polkadot's technical architecture. Visualizes core ecosystem components with detailed information, programming language used and links to official documentation. Click or tap on points to reveal detailed information about each technology.
- Interactive points positioned over a base image (
map.JPG
) - Modern tooltip UI with description, language and source links
- Close button (ร) inside each tooltip
- Adaptive zoom for desktop and mobile (0.5x to 3x)
- Responsive design that works across all screen sizes
- No external dependencies, ready to use locally
- Touch-sensitive points
-
60+ identified components
-
3 color-coded categories:
- ๐ต Blue: Core components
- ๐ด Red: Development tools
- ๐ข Green: SDKs & frameworks
-
Variable sizing based on component importance
If you're using Visual Studio Code:
- Install the Live Server extension.
- Right-click on
index.html
โ "Open with Live Server"