palantir-demo

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 13 Open GitHub ↗

Palantir Dashboard Demo

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🌍 PALANTIR DEMO
### Real-Time Global Intelligence Platform

[![Live Demo](https://img.shields.io/badge/🚀-LIVE%20DEMO-green?style=for-the-badge)](https://lluisagusti.github.io/palantir-demo/)
[![React](https://img.shields.io/badge/React-19-61dafb?logo=react&logoColor=white&style=flat-square)](https://react.dev)
[![Mobile](https://img.shields.io/badge/Mobile-Responsive-green?style=flat-square)](https://lluisagusti.github.io/palantir-demo/)
[![Real-Time](https://img.shields.io/badge/Real--Time-Data-blue?style=flat-square)](https://lluisagusti.github.io/palantir-demo/)

**🎯 Experience the future of geopolitical intelligence**

[**→ LAUNCH LIVE DEMO ←**](https://lluisagusti.github.io/palantir-demo/)

![Hero Banner](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-1.png)

*Global situational awareness at your fingertips*

</div>

---

## 🎬 What You'll Experience

### 🌐 Interactive 3D Globe
**Watch the world breathe in real-time**

![Interactive Globe](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-2.png)

- ✈️ **200+ Live Flights** tracking across global airspace
- 🚢 **60+ Maritime Vessels** navigating international waters  
- 🌋 **Environmental Hazards** - earthquakes, volcanoes, radiation
- ⚡ **Lightning Strikes** updating every 8 seconds
- 📹 **60+ Live Cameras** from iconic locations worldwide

</div>

---

## 📱 Mobile-First Experience

### Your Command Center, Anywhere

| Feature | Desktop | Mobile |
|---------|---------|--------|
| **Navigation** | Sidebar panels | 📱 Slide-out menu |
| **Data Layers** | Checkbox controls | 🎛️ Toggle switches |
| **News Feed** | Fixed panel | 📰 Bottom sheet drawer |
| **Video Modal** | Windowed | 📹 Fullscreen immersive |
| **Market Data** | Static grid | ↔️ Horizontal scroll |
| **Interactions** | Mouse clicks | 👆 Touch + Haptic |

**🎮 Touch Gestures:**
- Swipe ← → to switch cameras
- Swipe ↓ to close panels
- Pinch to zoom globe
- Drag to rotate
- Tap for details

</div>

---

## 🎯 Intelligence Domains

### 🔴 Threat Assessment

![Threats](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-3.png)

Real-time conflict monitoring
- Border skirmishes
- Diplomatic incidents
- Cyber attacks
- Military movements

**Severity Levels 1-5**

</td>
<td align="center">

### 🌋 Environmental

![Environment](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-4.png)

Natural hazard tracking
- Seismic activity (40+ stations)
- Volcanic eruptions (8 active)
- Radiation monitoring
- Lightning detection

**Updated Every 15s**

</td>
</tr>
<tr>
<td align="center">

### ✈️ Global Logistics

![Logistics](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-2.png)

Transportation intelligence
- 200+ aircraft worldwide
- 60+ maritime vessels
- 8 major shipping routes
- Real-time position updates

**Movement Every 2-5s**

</td>
<td align="center">

### 📡 Live Surveillance

![Cameras](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-1.png)

Global camera network
- 60+ live streams
- Iconic locations
- Nature & wildlife
- City landscapes

**Tap to Watch Live**

</td>
</tr>
</table>
</div>

---

## 🎨 Interface Showcase

### Desktop Command Center

![Desktop View](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-1.png)

**Full-featured intelligence dashboard**
- Multi-panel layout
- Simultaneous data streams
- Detailed event analysis
- Market tickers
- News feed

---

### Mobile Experience

---

### Event Details

![Event Modal](https://raw.githubusercontent.com/lluisagusti/palantir-demo/main/readme-assets/screen-4.png)

**Deep-dive intelligence**
- Coordinates & timestamps
- Severity assessment
- External source links
- Historical context

</div>

---

## ⚡ Real-Time Data Simulation

| Data Type | Count | Update Frequency |
|-----------|-------|------------------|
| 🔴 Threats | 8-50 | New every 8s |
| 🌍 Earthquakes | 40 | Update every 15s |
| ✈️ Flights | 200 | Move every 2s |
| 🚢 Ships | 60 | Move every 5s |
| ⛅ Weather | 19 cities | Update every 30s |
| ⚡ Lightning | 25 strikes | Update every 8s |
| 📡 Radiation | 8 stations | Update every 20s |
| 📊 Markets | 5 tickers | Update every 3s |

**Total Active Elements: 400+**

</div>

---

## 🚀 Quick Launch

### Try It Locally

```bash
# Clone the intelligence platform
git clone https://github.com/lluisagusti/palantir-demo.git

# Install dependencies
cd palantir-demo && npm install

# Launch development server
npm run dev
```

**Access at:** `http://localhost:5173`

---

### System Requirements

| Component | Requirement |
|-----------|-------------|
| **Browser** | Chrome 90+, Firefox 88+, Safari 14+ |
| **Mobile** | iOS 14+ / Android 10+ |
| **Network** | Broadband for real-time data |
| **GPU** | Recommended for 3D rendering |

</div>

---

## 🛠️ Technology Stack

```
┌─────────────────────────────────────────┐
│  Frontend: React 19 + Vite 6            │
│  3D Engine: react-globe.gl + Three.js   │
│  Styling: Tailwind CSS 4.0              │
│  Icons: Lucide-React                    │
│  Mobile: Touch Gestures + Haptics       │
└─────────────────────────────────────────┘
```

**Performance Optimized:**
- GPU-accelerated animations
- Efficient re-renders
- Mobile-first responsive design
- Touch-optimized interactions

</div>

---

## 📊 Live Features Deep Dive

### 🌍 Globe Visualization

**Multi-Layer Data Overlay:**
1. **Threat Rings** - Pulsing alerts for geopolitical events
2. **Flight Paths** - Animated arcs showing aircraft movement
3. **Maritime Routes** - Major shipping lanes with traffic data
4. **Weather Icons** - Real-time conditions in 19 cities
5. **Camera Markers** - Live stream locations with pulse effect
6. **Radiation Monitors** - CPM readings with alert indicators

**Interactive Elements:**
- Click any marker for details
- Drag to rotate the globe
- Scroll/pinch to zoom
- Auto-rotation when idle

---

### 📹 Live Camera Network

**60+ Locations Including:**

| Category | Examples |
|----------|----------|
| 🏙️ Cities | Times Square, Shibuya Crossing, Venice |
| 🌋 Nature | Yellowstone, Amazon Rainforest, Niagara Falls |
| 🦁 Wildlife | Eagle nests, Bear cams, Marine life |
| 🏛️ Landmarks | Statue of Liberty, Sydney Opera House |
| 🛰️ Space | ISS Earth view |

**Features:**
- YouTube integration
- Swipe to channel surf
- Fullscreen mobile viewing
- Location metadata

---

### 📈 Market Intelligence

**Tracked Commodities:**

```
LMT (Lockheed Martin)    $430.36  ▲
RTX (RTX Corp)           $86.78   ▼
NOC (Northrop Grumman)   $477.44  ▲
CL (Crude Oil WTI)       $77.40   ▼
BZ (Brent Crude)         $79.62   ▲
```

Real-time price simulation with:
- Live percentage changes
- Trend indicators
- Auto-scrolling mobile ticker

---

## 🎓 Use Cases

### Educational
- Geography & geopolitics
- Data visualization
- Real-time systems
- React patterns

### Demonstration
- WebGL capabilities
- Mobile responsiveness
- Touch gesture handling
- Performance optimization

### Portfolio
- Full-stack development
- UI/UX design
- 3D visualization
- Mobile-first approach

---

## 📖 Documentation

| Document | Description |
|----------|-------------|
| [📱 Mobile Improvements](MOBILE_IMPROVEMENTS.md) | Complete mobile dev guide |
| [📸 Screenshot Showcase](mobile-screenshots.html) | Interactive mobile demo |
| [🇪🇸 Español](README.es.md) | Documentación en español |
| [🇫🇷 Français](README.fr.md) | Documentation française |
| [🇨🇳 中文](README.zh.md) | 中文文档 |

</div>

---

## 🎯 What Makes This Special

### 🔥 Highlights

✅ **400+ Real-Time Elements** - All updating simultaneously  
✅ **60+ Live Cameras** - From around the world  
✅ **Mobile Haptics** - Tactile feedback on interactions  
✅ **Touch Gestures** - Intuitive swipe controls  
✅ **Glass Morphism** - Modern UI aesthetics  
✅ **Zero Backend** - Pure client-side simulation  
✅ **PWA Ready** - Installable web app  
✅ **Fully Responsive** - 320px to 2560px+

</div>

---

## 🌟 Test the Demo

### Ready to Experience?

[![Launch Demo](https://img.shields.io/badge/🚀-LAUNCH%20DEMO-green?style=for-the-badge&logo=rocket)](https://lluisagusti.github.io/palantir-demo/)

**https://lluisagusti.github.io/palantir-demo/**

1. Click the link above
2. Wait 5 seconds for data initialization
3. Start exploring the globe
4. Click markers for details
5. Tap camera icons for live streams
6. Swipe to navigate (mobile)

**Pro Tips:**
- Let the globe auto-rotate for the full effect
- Try the mobile view for the best experience
- Watch the market tickers update in real-time
- Swipe through cameras in fullscreen mode

</div>

---

## 📄 License & Attribution

Created for **demonstration and educational purposes**

Built with ❤️ using React, Three.js, and modern web technologies

**Questions?** [Open an Issue](https://github.com/lluisagusti/palantir-demo/issues)

---

### 🎯 Don't Just Read About It - Experience It!

[![Try Live Demo](https://img.shields.io/badge/🌍-TRY%20LIVE%20DEMO-blue?style=for-the-badge&logo=google-chrome)](https://lluisagusti.github.io/palantir-demo/)

**https://lluisagusti.github.io/palantir-demo/**

</div>

palantir-demo

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README