# Faszination Nächtlicher Vogelzug A web component for visualizing migratory bird detections on an interactive map. Built with React, MapLibre GL, and the BirdWeather GraphQL API. Designed for embedding into CMS platforms like Contao. ## Tech Stack - **React 19** + **TypeScript** (Vite) - **MapLibre GL** -- WebGL map rendering (Stadia Maps dark theme) - **Supercluster** -- per-species spatial clustering - **Apollo Client 4** -- GraphQL data fetching with caching - **GraphQL Code Generation** -- type-safe queries from BirdWeather schema - **SunCalc** -- astronomical day/night calculations - **Tailwind CSS 4** + **Ant Design 6** -- UI - **Vitest** -- testing ## Features - **Interactive map** with color-coded detection clusters per species - **Timeline animation** with autoplay, step controls, and throttled slider - **Night-only mode** that compresses inactive daytime hours using SunCalc sunrise/sunset calculations - **Day/night overlay** showing the terminator (day/night boundary) as a real-time GeoJSON polygon - **Species search** with autocomplete and availability checking per map viewport - **Supplementary layers** (light pollution, noise mapping via WMS) - **Web component** (`<zug-birdnet>`) for CMS embedding without routing ## Project Structure ``` src/ main.tsx Web component registration App.tsx Root component, species selection state api/ fragments.ts GraphQL fragments (DetectionItem, SpeciesItem) queries.ts GraphQL queries (detections, species, search) useDetections.ts Detection fetch hook with prefetching components/ DatesProvider.tsx Time state context (date range, animation, night mode) MapProvider.tsx MapLibre GL instance context SpeciesDropdown.tsx Species selection with search autocomplete Timeline.tsx Date picker, animation slider, playback controls LayersDropdown.tsx Toggle info layers (light pollution, noise) InfoPopup.tsx Map info marker popups map/ Map.tsx MapLibre GL initialization and rendering clusterUtils.ts Per-species Supercluster index creation colorUtils.ts MapLibre paint expression builder mapStyles.ts Map layer definitions usePersistentColors.ts Stable color assignment per species infopoints.ts Static info marker data lib/ apollo-client.ts Apollo Client with cache type policies buildAvailableSpeciesQuery.ts Dynamic aliased query generation getDayPolygon.ts Day/night terminator polygon calculation getTranslatedSpeciesName.ts i18n species name lookup isNotNull.ts, hasNonNullProp.ts Type guard utilities throttle.ts Throttle utility gql/ Auto-generated GraphQL types (do not edit) ``` ## Architecture Three React context providers compose the application: ``` ApolloProvider GraphQL caching and data fetching DatesProvider Date range, animation state, night-only time segments MapProvider MapLibre GL map instance App Species selection, filtered detections, color mapping ``` **Data flow:** Apollo fetches detections for the current bounding box and date range. Detections are filtered client-side by the visualisation time window (controlled by the timeline slider). Each species gets its own Supercluster index for independent color-coded clustering. Cluster features are rendered via MapLibre GL layers with dynamic `match` paint expressions. **GraphQL:** Queries and fragments are defined in `src/api/` and typed via `@graphql-codegen/client-preset`. Run `npm run codegen` after schema changes to regenerate `src/gql/`. ## Development ```sh npm install npm run dev ``` The dev server uses a self-signed SSL certificate via `@vitejs/plugin-basic-ssl`. Accept the browser warning on first visit. Other commands: ```sh npm run build # Production build npm run test # Run tests npm run lint # ESLint npm run codegen # Regenerate GraphQL types ``` ## Build & Integration Run `npm run build` to produce the `dist/` folder. The build outputs stable filenames (no hashes) and splits vendor dependencies into separate chunks for caching: ``` dist/ index.html assets/ index.css App styles (Tailwind + Ant Design) index.js Application code, React, Supercluster, dayjs, SunCalc maplibre.js MapLibre GL antd.js Ant Design + icons apollo.js Apollo Client + graphql ``` Only `index.js` changes on application updates. Vendor chunks are cache-stable between deploys. To embed the web component, include the built CSS and JS, then use the custom element: ```html <link rel="stylesheet" href="/assets/index.css"> <script type="module" src="/assets/index.js"></script> <zug-birdnet></zug-birdnet> ``` No routing. The component is self-contained and can be placed anywhere on the page. Third-party CMS integration (e.g., Contao) only needs to include the built assets and the custom element tag. ## Configuration App-level settings are in `src/config.ts`: | Option | Default | Description | |---|---|---| | `SHOW_DEMO_INFOPOINTS` | `false` | Show static info markers on the map (demo/development only) |
We measured total alkalinity (TA) and dissolved inorganic carbon (DIC) in the Ems Estuary (Germany). The cruise took place on two consecutive days in June 2020 (11.06.-12.06.2020) on the German research vessel Ludwig Prandtl. We sampled approx. every 20min along the salinity gradient from the Wadden Sea around Borkum island upstream to Papenburg. Two additional samples were collected from shore at Rhede Brücke and weir Herbrum. We took discrete water samples for TA and DIC. Physical parameters (salinity, temperature) were measured in situ with the on board flow-through FerryBox system, for which water was pumped on board from 1.2m below the surface. These data and complementary data for nutrients and stable nitrate isotopes are accessible in: https://doi.org/10.1594/PANGAEA.942222
The proposed project examines the nematode fauna at the two field experiments 'Long-term recalcitrant C input' and 'Carbon flow via the herbivore and detrital food chain'. A gradient from resource rich to deeper oligotrophe habitats, i.e. from high to low diverse food webs, is investigated. The impact of resource availability and quality (recalcitrant versus labile) and presence or absence of living plants (rhizosphere versus detritusphere) on the nematode population are assessed. Insight into micro-food web structure is gained by application of the nematode faunal analysis concept, based on the enrichment, structure and channel index. In laboratory model systems carbon flux rates for food web links are determined between bacteria/fungi and their nematode grazers for dominant taxa in the arable field. Further, carbon leakage from plant roots induced by herbivore nematode is studied as link between root and bacterial energy channels. By using 13C/12C stable isotope probing (FA-SIP) fatty acids serve as major carbon currency. Coupling qualitative and quantitative data on nematode field populations, with carbon flow via biomarker fatty acids in microorganisms and grazers will allow to connect microbial and faunal food web, and to directly link nematode functional groups with specific processes in the soil carbon cycle.
Der Datensatz Agricultural And Aquaculture Facilities / Tierhaltungs- und Aufzuchtanlagen in Brandenburg ist die Datengrundlage der interoperablen INSPIRE-Darstellungs- (WMS) und Downloaddienste (WFS): Tierhaltungsanlagen nach BImSchG in Brandenburg - Interoperabler INSPIRE View-Service (WMS-AF-TIERE) Tierhaltungsanlagen nach BImSchG in Brandenburg - Interoperabler INSPIRE Download-Service (WFS-AF-TIERE) Der Datenbestand beinhaltet die Punktdaten zu den betriebenen Tierhaltungsanlagen aus dem Anlageninformationssystem LIS-A. Die Angaben zu den Anlagen enthalten jeweils den Standort und die genehmigte Leistung. Dabei erfolgte eine sog. Schematransformation und Belegung der INSPIRE-relevanten Attribute. Der Datensatz Agricultural And Aquaculture Facilities / Tierhaltungs- und Aufzuchtanlagen in Brandenburg ist die Datengrundlage der interoperablen INSPIRE-Darstellungs- (WMS) und Downloaddienste (WFS): Tierhaltungsanlagen nach BImSchG in Brandenburg - Interoperabler INSPIRE View-Service (WMS-AF-TIERE) Tierhaltungsanlagen nach BImSchG in Brandenburg - Interoperabler INSPIRE Download-Service (WFS-AF-TIERE) Der Datenbestand beinhaltet die Punktdaten zu den betriebenen Tierhaltungsanlagen aus dem Anlageninformationssystem LIS-A. Die Angaben zu den Anlagen enthalten jeweils den Standort und die genehmigte Leistung. Dabei erfolgte eine sog. Schematransformation und Belegung der INSPIRE-relevanten Attribute. Der Datensatz Agricultural And Aquaculture Facilities / Tierhaltungs- und Aufzuchtanlagen in Brandenburg ist die Datengrundlage der interoperablen INSPIRE-Darstellungs- (WMS) und Downloaddienste (WFS): Tierhaltungsanlagen nach BImSchG in Brandenburg - Interoperabler INSPIRE View-Service (WMS-AF-TIERE) Tierhaltungsanlagen nach BImSchG in Brandenburg - Interoperabler INSPIRE Download-Service (WFS-AF-TIERE) Der Datenbestand beinhaltet die Punktdaten zu den betriebenen Tierhaltungsanlagen aus dem Anlageninformationssystem LIS-A. Die Angaben zu den Anlagen enthalten jeweils den Standort und die genehmigte Leistung. Dabei erfolgte eine sog. Schematransformation und Belegung der INSPIRE-relevanten Attribute.
The study investigates the chemical and physical characteristics of porewater and soil samples from peatlands across 64 sites in Germany, Poland, Estonia, Scotland, Sweden, and Georgia sampled between 1997 and 2017. The sites covers oceanic (Cfb, Cfc) and continental (Dfb, Dfc) climate zones and include both minerotrophic fens and ombrotrophic bogs. Fens were further classified into poor and rich types based on acidity and floristic composition, with rich fens characterized by higher pH and calcium concentrations due to mineral-rich groundwater inputs. The study also distinguishes between natural sites with stable near-surface water tables and rewetted sites previously subjected to drainage and agricultural use.
This dataset contains dissolved oxygen (DO) concentrations, stable oxygen isotope ratios of DO (δ¹⁸ODO), particulate organic carbon (POC) concentrations, and respiration/photosynthesis (R/P) ratios, along with corresponding parameters (temperature, δ¹⁸OH2O, nitrate) collected from the Danube River and its key tributaries during five seasonal sampling campaigns in 2023 and 2024. Water samples were collected using a weighted 2 L sampling bottle submerged 1–2 meters below the surface, with sampling conducted from the river center via bridges or passenger boats, and occasionally from the riverbank. In situ temperature measurements were taken with a multiparameter instrument (HQ40d, HACH™, Loveland, CO, USA). δ¹⁸ODO was analyzed using a modified automated equilibration system (Gasbench II, ThermoFisher Scientific™) coupled to a DELTA V Advantage isotope ratio mass spectrometer (IRMS, ThermoFisher Scientific™). This dataset captures seasonal variations in DO dynamics and provides valuable insights into oxygen sources and sinks within the Danube River. The data support the study of biogeochemical cycling in large river systems and can inform ecosystem management and conservation strategies in the face of environmental and climate change.
This dataset contains C. wuellerstorfi stable carbon isotope values binned by marine isotope stage from ODP Site 162-807 and ODP Site 162-982 that span the last 4.5 million years (Feng et al. 2022; Venz et al. 1999, 2002; Hodell & Venz-Curtis 2006). This isotope gradient reflects the accumulation of respired and disequilibrium carbon in the deep Pacific ocean relative to the North Atlantic. Also included are binned probstack δ18O (Ahn et al., 2017) and ΔGMST (Clark et al., 2024) values for comparison to the binned stable carbon isotope values.
This dataset comprises hydrochemical and soil data collected along the first 1.3 km downstream of the White Main spring in northern Bavaria, Germany, from March 2023 to April 2024. Stream water samples were analyzed for in-situ parameters (discharge, water temperature [°C], pH [-], redox potential [mV], electrical conductivity [µS/cm], Table Y1), and laboratory-measured parameters, including major ions and trace metals [mmol/L] (Table Y3), alkalinity [mmol/L], , dissolved inorganic and organic carbon (DIC, DOC [mmol/L]) and their stable isotope ratios (δ13CDIC/DOC ‰-VPDB). In addition, calculated partial pressure of CO2 (pCO2, [µatm]) and carbon dioxide fluxes (FCO2, [mmol/m2 d]), are provided for the stream water samples (Table Y2). The dataset also contains laboratory measurements related to soil-derived natural organic matter from acid and base soil extracts, including zeta potential ([mV], Table X1), particle size distribution ([%], Table X2), ultraviolet-visible absorbance (UV-VIS, Table X3), and fluorescence measurements (Table X4). UV-VIS (Table X5) and fluorescence measurements (Table X6) were additionally done for stream water samples. The datasets were collected to characterize hydrochemistry, carbon concentrations, carbon dioxide dynamics, and soil-derived organic matter properties in a granitic headwater stream and to provide a basis for reuse in studies of headwater biogeochemistry, carbon cycling, and soil-water interactions.
Urbanization affects ecological communities but urban ecology has mostly focused on large and charismatic species. Water-filled tree holes and other ephemeral small standing waters in cities constitute unique but inconspicuous breeding habitats for a range of insects. Their biodiversity is not well known and how their communities respond to increased urbanization in particular, has rarely been studied. Using a Citizen Science Project, we investigated how urbanization (measured as imperviousness, human population density and altered temperature), additional environmental parameters (pH, electric conductivity) and detritus serving as a food source affected larval insect communities in artificial aquatic microhabitats. We found that these habitats were colonized quickly by a range of insect taxa. Their community abundance, richness and decomposition rates were largely stable across different levels of urbanization. Fine detritus content increased larval abundance. Community composition shifted strongly with urbanization. The most abundant and frequent species in our study, the exotic mosquito species Aedes japonicus, responded negatively to imperviousness. Aquatic microhabitats could be shown to be important habitats for aquatic insects in cities. However, their community composition may change with increased urbanization. As our results showed, exotic species such as mosquitoes may dominate the communities in these habitats. In the case of vector species, high abundances may affect human and animal health via increased pathogen transmission. Therefore, we suggest raising awareness about potential risks of these habitats and possible measures preventing the establishment and spread of harmful species, while still supporting native biodiversity in urban spaces.
This dataset comprises hydrochemical and soil data collected along the first 1.3 km downstream of the White Main spring in northern Bavaria, Germany, from March 2023 to April 2024. Stream water samples were analyzed for in-situ parameters (discharge, water temperature [°C], pH [-], redox potential [mV], electrical conductivity [µS/cm], Table Y1), and laboratory-measured parameters, including major ions and trace metals [mmol/L] (Table Y3), alkalinity [mmol/L], , dissolved inorganic and organic carbon (DIC, DOC [mmol/L]) and their stable isotope ratios (δ13CDIC/DOC ‰-VPDB). In addition, calculated partial pressure of CO2 (pCO2, [µatm]) and carbon dioxide fluxes (FCO2, [mmol/m2 d]), are provided for the stream water samples (Table Y2). The dataset also contains laboratory measurements related to soil-derived natural organic matter from acid and base soil extracts, including zeta potential ([mV], Table X1), particle size distribution ([%], Table X2), ultraviolet-visible absorbance (UV-VIS, Table X3), and fluorescence measurements (Table X4). UV-VIS (Table X5) and fluorescence measurements (Table X6) were additionally done for stream water samples. The datasets were collected to characterize hydrochemistry, carbon concentrations, carbon dioxide dynamics, and soil-derived organic matter properties in a granitic headwater stream and to provide a basis for reuse in studies of headwater biogeochemistry, carbon cycling, and soil-water interactions.
| Organisation | Count |
|---|---|
| Bund | 486 |
| Europa | 93 |
| Global | 1 |
| Kommune | 54 |
| Land | 305 |
| Weitere | 47 |
| Wissenschaft | 470 |
| Zivilgesellschaft | 9 |
| Type | Count |
|---|---|
| Agrarwirtschaft | 1 |
| Chemische Verbindung | 4 |
| Daten und Messstellen | 222 |
| Ereignis | 2 |
| Förderprogramm | 420 |
| Hochwertiger Datensatz | 1 |
| Software | 1 |
| Taxon | 21 |
| Text | 108 |
| Umweltprüfung | 122 |
| unbekannt | 197 |
| License | Count |
|---|---|
| Geschlossen | 252 |
| Offen | 791 |
| Unbekannt | 27 |
| Language | Count |
|---|---|
| Deutsch | 434 |
| Englisch | 674 |
| Resource type | Count |
|---|---|
| Archiv | 96 |
| Bild | 4 |
| Datei | 115 |
| Dokument | 151 |
| Keine | 460 |
| Unbekannt | 26 |
| Webdienst | 48 |
| Webseite | 229 |
| Topic | Count |
|---|---|
| Boden | 703 |
| Lebewesen und Lebensräume | 896 |
| Luft | 552 |
| Mensch und Umwelt | 1070 |
| Wasser | 682 |
| Weitere | 1003 |