boc/iom/landvex-dashboard/README.md

Landvex Dashboard

Web-based dashboard for urban intelligence and infrastructure monitoring.

Features

• 📊 Real-time Stats — Observations, zoomers, RGI scores
• 🗺️ Interactive Map — Visualize observations geographically
• 📸 Observations Table — Filter, search, and manage observations
• 📊 RGI Visualization — Reality Gap Index with 7 dimensions
• 📈 Analytics — Trends and insights (coming soon)
• 📄 Reports — Generate and export reports (coming soon)
• ⚙️ Settings — Configure dashboard preferences

Tech Stack

• HTML5
• CSS3 (with CSS variables)
• Vanilla JavaScript
• Responsive design
• Mobile-first approach

File Structure

landvex-dashboard/
├── index.html      # Main HTML structure
├── styles.css      # Styles and responsive design
├── dashboard.js    # Interactive functionality
└── README.md       # Documentation

API Integration

The dashboard connects to the Landvex API:

const API_URL = 'https://api.landvex.com/v1';

Endpoints Used

• GET /stats — Dashboard statistics
• GET /observations — Observation list
• GET /observations?limit=10 — Recent observations
• POST /observations — Create observation
• GET /indexes/rgi — RGI calculation

Usage

Local Development

# Serve with any static file server
python -m http.server 8080

# Or use Node.js
npx serve .

Production

Deploy to any static hosting:

• AWS S3 + CloudFront
• Vercel
• Netlify
• GitHub Pages

Customization

Colors

Edit CSS variables in styles.css:

:root {
  --primary: #0071e3;
  --success: #34c759;
  --warning: #ff9500;
  --danger: #ff3b30;
}

API Endpoint

Change API URL in dashboard.js:

const API_URL = 'https://your-api.com/v1';

Browser Support

• Chrome 90+
• Firefox 88+
• Safari 14+
• Edge 90+

License

MIT