yuris/titik-gambut-next
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Satellite pass date picker & band opacity slider (satellite-controls.tsx) #74

New issue
Closed
opened 2026-10-14 22:28:43 +00:00 by yuris · 0 comments
yuris commented 2026-10-14 22:28:43 +00:00
Owner
Copy link

What to build

Build an interactive UI control widget in src/components/controls/satellite-controls.tsx allowing users to select recent satellite acquisition dates and adjust raster layer opacity from 0% to 100%.

Technical specifications

  1. Target files:
    • src/components/controls/satellite-controls.tsx: Floating control widget.

Acceptance criteria

  • Slider smoothly adjusts layer opacity in real time.
  • Date picker switches between available cloud-free satellite passes.

Blocked by

  • Issue 60: [Frontend] False-color SWIR smoke-piercing raster tile layer (satellite-swir-layer.tsx).

Authoritative Specifications & Reference Documentation

  • Titik Gambut Architecture & Subsystem Contract: docs/ARCHITECTURE.md
  • Protomaps PMTiles Specification: protomaps/PMTiles GitHub — cloud-optimized single-file vector/raster tile format using HTTP 206 byte-range requests.
  • Protomaps Basemaps Style & Docs: protomaps.com/docs
  • Open-Meteo GFS Global Forecast API: open-meteo.com/en/docs — Global 10m U/V wind velocity grids, relative humidity, and surface temperature.
  • NOAA GFS Models: NCEP GFS — Atmospheric advection modeling.
### What to build Build an interactive UI control widget in `src/components/controls/satellite-controls.tsx` allowing users to select recent satellite acquisition dates and adjust raster layer opacity from 0% to 100%. ### Technical specifications 1. **Target files**: - `src/components/controls/satellite-controls.tsx`: Floating control widget. ### Acceptance criteria - [x] Slider smoothly adjusts layer opacity in real time. - [x] Date picker switches between available cloud-free satellite passes. ### Blocked by - Issue 60: [Frontend] False-color SWIR smoke-piercing raster tile layer (`satellite-swir-layer.tsx`). --- ### Authoritative Specifications & Reference Documentation - **Titik Gambut Architecture & Subsystem Contract**: [`docs/ARCHITECTURE.md`](https://git.nokopia.com/yuris/titik-gambut-next/src/branch/main/docs/ARCHITECTURE.md) - **Protomaps PMTiles Specification**: [protomaps/PMTiles GitHub](https://github.com/protomaps/PMTiles) — cloud-optimized single-file vector/raster tile format using HTTP 206 byte-range requests. - **Protomaps Basemaps Style & Docs**: [protomaps.com/docs](https://docs.protomaps.com/basemaps/) - **Open-Meteo GFS Global Forecast API**: [open-meteo.com/en/docs](https://open-meteo.com/en/docs) — Global 10m U/V wind velocity grids, relative humidity, and surface temperature. - **NOAA GFS Models**: [NCEP GFS](https://www.ncei.noaa.gov/products/weather-climate-models/global-forecast) — Atmospheric advection modeling.
yuris changed title from Issue 61: [Frontend] Satellite pass date picker & band opacity slider (satellite-controls.tsx) to [Frontend] Satellite pass date picker & band opacity slider (satellite-controls.tsx) 2026-10-14 22:31:24 +00:00
yuris changed title from [Frontend] Satellite pass date picker & band opacity slider (satellite-controls.tsx) to Satellite pass date picker & band opacity slider (satellite-controls.tsx) 2026-10-14 22:38:29 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
feat/issue-51-concessions-layer
feat/issue-46-dual-mode-tile-url-resolver
feat/issue-44-45-protomaps-basemap-cutover
No results found.
Labels
Clear labels   
backend
Backend task

  
frontend
Frontend task

No labels
backend
frontend
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
yuris/titik-gambut-next#74
No description provided.