# 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) |
This study reports a precisely dated pollen record with a 20-year resolution from the varved sediments of Lake Mondsee in the north-eastern European Alps (47°49′N, 13°24′E, 481 m above sea level). The analysed part of core spans the interval between 1500 BCE and 500 CE and allows changes in vegetation composition in relation to climatic changes and human activities in the catchment to be inferred. Intervals of distinct but modest human impact are identified at ca. 1450-1220, 740-490 and 340-190 BCE and from 80 BCE to 180 CE. While the first two intervals are synchronous with prominent salt mining phases during the Bronze Age and Early Iron Age at the nearby UNESCO World Heritage Site of Hallstatt, the last two intervals fall within the Late Iron Age and Roman Imperial Era, respectively. Comparison with published records of extreme runoff events obtained from the same sediment core shows that human activities (including agriculture and logging) around Lake Mondsee were low during intervals of high flood frequency as indicated by a higher number of intercalated detrital event layers, but intensified during hydrologically stable intervals. Comparison of the pollen percentages of arboreal taxa with the stable oxygen isotope and potassium ion records of the NGRIP and GISP2 ice cores from Greenland reveals significant positive correlations for Fagus and negative correlations for Betula and Alnus. This underlines the sensitivity of vegetation around Lake Mondsee to temperature fluctuations in the North Atlantic as well as to moisture fluctuations controlled by changes in the intensity of the Siberian High and the North Atlantic Oscillation (NAO) regime.
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
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.
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.
This dataset contains geochemical variables measured in six depth profiles from ombrotrophic peatlands in North and Central Europe. Peat cores were taken during the spring and summer of 2022 from Amtsvenn (AV1), Germany; Drebbersches Moor (DM1), Germany; Fochteloër Veen (FV1), the Netherlands; Bagno Kusowo (KR1), Poland; Pichlmaier Moor (PI1), Austria and Pürgschachen Moor (PM1), Austria. The cores AV1, DM1 and KR1 were taken using a Wardenaar sampler (Royal Eijkelkamp, Giesbeek, the Netherlands) and had diameter of 10 cm. The cores FV1, PM1 and PI1 had an 8 cm diameter and were obtained using an Instorf sampler (Royal Eijkelkamp, Giesbeek, the Netherlands). The cores FV1, DM1 and KR1 were 100 cm, core AV1 was 95 cm, core PI1 was 85 cm and core PM1 was 200 cm. The cores were subsampeled in 1 cm (AV1, DM1, KR1, FV1) and 2 cm (PI1, PM1) sections. The subsamples were milled after freeze drying in a ballmill using tungen carbide accesoires. X-Ray Fluorescence (WD-XRF; ZSX Primus II, Rigaku, Tokyo, Japan) was used to determine Al (μg g-1), As (μg g-1), Ba (μg g-1), Br (μg g-1), Ca (g g-1), Cl (μg g-1), Cr (μg g-1), Cu (μg g-1), Fe (g g-1), K (g g-1), Mg (μg g-1), Mn (μg g-1), Na (μg g-1), P (μg g-1), Pb (μg g-1), Rb (μg g-1), S (μg g-1), Si (μg g-1), Sr (μg g-1), Ti (μg g-1) and Zn (μg g-1). These data were processed and calibrated using the iloekxrf package (Teickner & Knorr, 2024) in R. C, N and their stable isotopes were determined using an elemental analyser linked to an isotope ratio mass spectrometer (EA-3000, Eurovector, Pavia, Italy & Nu Horizon, Nu Instruments, Wrexham, UK). C and N were given in units g g-1 and stable isotopes were given as δ13C and δ15N for stable isotopes of C and N, respectively. Raw data C, N and stable isotope data were calibrated with certified standard and blank effects were corrected with the ilokeirms package (Teickner & Knorr, 2024). Using Fourier Transform Mid-Infrared Spectroscopy (FT-MIR) (Agilent Cary 670 FTIR spectromter, Agilent Technologies, Santa Clara, Ca, USA) humification indices (HI) were determined. Spectra were recorded from 600 cm-1 to 4000 cm-1 with a resolution of 2 cm-1 and baselines corrected with the ir package (Teickner, 2025) to estimate relative peack heights. The HI (no unit) for each sample was calculated by taking the ratio of intensities at 1630 cm-1 to the intensities at 1090 cm-1. Bulk densities (g cm-3) were estimated from FT-MIR data (Teickner et al., in preparation).
This dataset contains geochemical variables measured in six depth profiles from ombrotrophic peatlands in North and Central Europe. Peat cores were taken during the spring and summer of 2022 from Amtsvenn (AV1), Germany; Drebbersches Moor (DM1), Germany; Fochteloër Veen (FV1), the Netherlands; Bagno Kusowo (KR1), Poland; Pichlmaier Moor (PI1), Austria and Pürgschachen Moor (PM1), Austria. The cores AV1, DM1 and KR1 were taken using a Wardenaar sampler (Royal Eijkelkamp, Giesbeek, the Netherlands) and had diameter of 10 cm. The cores FV1, PM1 and PI1 had an 8 cm diameter and were obtained using an Instorf sampler (Royal Eijkelkamp, Giesbeek, the Netherlands). The cores FV1, DM1 and KR1 were 100 cm, core AV1 was 95 cm, core PI1 was 85 cm and core PM1 was 200 cm. The cores were subsampeled in 1 cm (AV1, DM1, KR1, FV1) and 2 cm (PI1, PM1) sections. The subsamples were milled after freeze drying in a ballmill using tungen carbide accesoires. X-Ray Fluorescence (WD-XRF; ZSX Primus II, Rigaku, Tokyo, Japan) was used to determine Al (μg g-1), As (μg g-1), Ba (μg g-1), Br (μg g-1), Ca (g g-1), Cl (μg g-1), Cr (μg g-1), Cu (μg g-1), Fe (g g-1), K (g g-1), Mg (μg g-1), Mn (μg g-1), Na (μg g-1), P (μg g-1), Pb (μg g-1), Rb (μg g-1), S (μg g-1), Si (μg g-1), Sr (μg g-1), Ti (μg g-1) and Zn (μg g-1). These data were processed and calibrated using the iloekxrf package (Teickner & Knorr, 2024) in R. C, N and their stable isotopes were determined using an elemental analyser linked to an isotope ratio mass spectrometer (EA-3000, Eurovector, Pavia, Italy & Nu Horizon, Nu Instruments, Wrexham, UK). C and N were given in units g g-1 and stable isotopes were given as δ13C and δ15N for stable isotopes of C and N, respectively. Raw data C, N and stable isotope data were calibrated with certified standard and blank effects were corrected with the ilokeirms package (Teickner & Knorr, 2024). Using Fourier Transform Mid-Infrared Spectroscopy (FT-MIR) (Agilent Cary 670 FTIR spectromter, Agilent Technologies, Santa Clara, Ca, USA) humification indices (HI) were determined. Spectra were recorded from 600 cm-1 to 4000 cm-1 with a resolution of 2 cm-1 and baselines corrected with the ir package (Teickner, 2025) to estimate relative peack heights. The HI (no unit) for each sample was calculated by taking the ratio of intensities at 1630 cm-1 to the intensities at 1090 cm-1. Bulk densities (g cm-3) were estimated from FT-MIR data (Teickner et al., in preparation).
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.
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.
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 | 485 |
| Europa | 93 |
| Global | 1 |
| Kommune | 54 |
| Land | 302 |
| Weitere | 55 |
| Wissenschaft | 469 |
| 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 | 120 |
| unbekannt | 204 |
| License | Count |
|---|---|
| Geschlossen | 250 |
| Offen | 798 |
| Unbekannt | 27 |
| Language | Count |
|---|---|
| Deutsch | 440 |
| Englisch | 673 |
| Resource type | Count |
|---|---|
| Archiv | 96 |
| Bild | 4 |
| Datei | 115 |
| Dokument | 151 |
| Keine | 467 |
| Unbekannt | 26 |
| Webdienst | 48 |
| Webseite | 227 |
| Topic | Count |
|---|---|
| Boden | 702 |
| Lebewesen und Lebensräume | 898 |
| Luft | 552 |
| Mensch und Umwelt | 1075 |
| Wasser | 680 |
| Weitere | 1007 |