Jamfør litt intern tooling og testing av next.js, og deck.gl og mapbox laga me dette kartet for ocean24. Kartet let ein få oversikt over energirelatert aktivitet i nordjsøen via å kombinere eit sett ulike datakjelder.

For å lage denne løysinga nytta me ein stack basert på hosting via vercel, frontendrammeverk med litt serverless mellomhenting via next.js, kart via mapbox, fancypants visualisering via deck.gl og data frå barentswatch og sokkeldirektoratet.

Sjekk det ut på:

Energikartet
Vis kartet i full størrelse JTNDaWZyYW1lJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZvY2VhbjI0LnZlcmNlbC5hcHAlMkYlMjIlMjB3aWR0aCUzRCUyMjEwMCUyNSUyMiUyMGhlaWdodCUzRCUyMjYwMCUyMiUyMHN0eWxlJTNEJTIyYm9yZGVyJTNBJTIwbm9uZSUzQiUyMiUzRSUzQyUyRmlmcmFtZSUzRQ==

Les meir om rammeverka og datakjeldene nedanfor:

Sokkeldirektoratet
Informasjon om direktoratet, regelverk, ressursforvaltning, prosjekter, nyheter, publikasjoner og faktasider.
Front page
Vercel: Build and deploy the best web experiences with the Frontend Cloud – Vercel
Vercel’s Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized web.
Next.js by Vercel - The React Framework
Next.js by Vercel is the full-stack React framework for the web.
Mapbox | Maps, Navigation, Search, and Data
APIs and SDKs for AI-powered maps, location search, turn-by-turn navigation, and geospatial data in mobile or web apps. Get started for free.
Home | deck.gl
deck.gl
Lenkja er kopiert!