Enhances code readability and maintainability by:
- Breaking v-motion directive into separate line
- Reordering motion module in Nuxt config for better dependency loading
This change maintains the same functionality while improving code organization
and module initialization order.
- Adds cleanup timer for globe arcs to prevent accumulation
- Conditionally renders chart header when stats are available
- Improves event handling in AnimatedList by passing props
- Fixes traffic event animation by clearing previous timeouts
These changes improve visualization performance and user experience by preventing memory leaks from accumulated arcs and ensuring smoother animations.
Adds real-time visualization of traffic flow between user locations and data centers on the 3D globe:
- Implements arc animations for traffic visualization
- Adjusts globe colors and atmosphere for better visibility
- Adds data center (colo) location mapping
- Centers initial view on user's current location
- Improves mobile responsiveness and layout
- Adds cleanup handling for globe resources
Performance and UX improvements:
- Optimizes globe rotation speed and controls
- Updates time picker layout with logical grouping
- Enhances responsive design for dashboard components
Implements comprehensive time filtering and visualization improvements:
- Adds time range picker with presets from 5min to 24h
- Enhances chart visualization with minute-level granularity
- Updates globe visualization to respond to time/filter changes
- Implements animated event log display
- Swaps primary/secondary color scheme for better contrast
Improves realtime data handling with automatic updates and proper cleanup on unmount. Includes i18n support for new time picker UI across all supported languages.