ITS_LIVE Data Portal

Interactive map application for exploring NASA MEaSURES ITS_LIVE glacier velocity data. Built with React and OpenLayers for visualization of polar region ice flow measurements.

Tech Stack

• Frontend: React 18.2.0
• Mapping: OpenLayers 7.5.2
• Projections: proj4
• Data Format: hyparquet (GeoParquet)
• Bundler: Webpack 5
• Transpilation: Babel

Getting Started

# Install dependencies
npm install

# Development server
npm run dev

# Production build
npm run build

# Lint
npm run lint

Project Structure

js/
├── components/     # React components (MapView, LayerControl, TimeSlider, etc.)
├── utils/          # Utilities (stacQuery, geoParquetLoader, layerFactory)
├── config/         # Configuration (proj4Init)
└── index.js        # Entry point

templates/
└── index.html      # HTML template

css/
├── pma.css         # Application styles
└── ol.css          # OpenLayers styles

Features

• Interactive polar map visualization (Arctic/Antarctic)
• Time-series animation with time slider
• STAC API integration for data discovery
• GeoParquet data loading for ice velocity records
• Layer management and controls
• Draw tools for region selection
• Hemisphere switching

License

MIT License - See LICENSE file.