In der Gesamtdarstellung werden die Inhalte der Einzeldarstellungen der "Fachgrundlage Biotopverbund" von 2012 im Überblick dargestellt. Dabei werden für die Gewässer-, Trocken-, Feucht- und Waldlebensräume die jeweiligen Kern- und Verbindungsflächen dargestellt, sowie Flächen von Rastgebieten für Zugvögel. Außerdem wurden die Flora-Fauna-Habitat-Gebiete und die EG-Vogelschutzgebiete in die fachliche Flächenkulisse des Biotopverbunds mit aufgenommen, weil der Biotopverbund zur Verbesserung des Zusammenhangs des Netzes „Natura 2000“ beitragen soll. Ergänzend werden durch Punktsymbole die wichtigsten Übergangspunkte der Gewässer-, Trocken-, Feucht- und Waldlebensräume zu den Nachbarbundesländern Schleswig-Holstein und Niedersachsen dargestellt. In dieser Gesamtdarstellung werden für alle vier Lebensräume die Verbindungsräume zusammengefasst dargestellt. Verbindungsräume sind Bereiche, die gewisse Verbundbeziehungen über die Kern- und Verbindungsflächen hinaus aufweisen, jedoch nicht als Biotopverbundflächen im engeren Sinne einzustufen sind.
# 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) |
Die Wadden Sea Flyway Initiative unterstützt Bemühungen zu einem verbesserten Schutz der Zugvögel des Wattenmeers auf der gesamten Ostatlantischen Zugroute von der Arktis bis hin zu Überwinterungsgebieten im südlichen Afrika. Im Zuge der Anerkennung des Wattenmeers als Weltnaturerbestätte und auf Grund seiner hohen Bedeutung für Zugvögel haben sich die Wattenmeerländer entschieden, die Zusammenarbeit mit Ländern entlang der Zugroute zu intensivieren, da auf Grund von Carry-over-Effekten (Übertragungseffekten) der Schutz der Zugvögel nur durch gemeinsame Bemühungen erfolgreich sein kann. Die Initiative hat in den vergangenen Jahren erfolgreich ein Monitoring auf der gesamten Zugroute implementiert, das Bestandsanalysen und die Untersuchung der Auswirkungen von Gefährdungen in bestimmten Gebieten möglich macht. Um konkrete Schutzmaßnahmen umsetzen zu können, wurden Initiativen vor Ort gestartet, z. B. ein „memorandum of understanding“ mit dem Nationalpark Banc d'Arguin in Mauretanien oder das nunmehr neu eingerichtete UNESCO-Biosphärenreservat Niumi in Gambia, wo gemeinsame bilaterale Aktivitäten zu ersten Erfolgen geführt haben.
Die kürzeste Route zwischen Brutgebiet und Überwinterungsquartier liegt auf einem Großkreis und sollte von den Vögeln bevorzugt werden. Danach müssten europäische Singvögel in ihre südlich gelegenen Winterquartiere direkt nach Süden ziehen. Jede Abweichung von dieser Route bedeutet, dass die Vögel einen Umweg machen. Offensichtlich ziehen die meisten europäischen Singvögel nicht nach Süden, sondern in südwestliche und südöstliche Richtung und meiden auf diese Weise die Überquerung der Alpen. Das Zugverhalten in Bezug zur Barriere der Alpen ist gut untersucht, nicht dagegen zu weiter südlich gelegenen Barrieren. Völlig unerforscht ist der Atlas in seiner Wirkung auf den Vogelzug. Für ihn liegen sich widersprechende Hypothesen vor, nach denen er auf dem Herbstzug entweder überquert oder umflogen wird. Auf dem Frühjahrszug lassen die mittleren Zugrichtungen in Gibraltar die Überquerung des Atlas erwarten, doch ist wegen der Größe der ökologischen Barriere ebenso eine Umgehung denkbar. Mit Hilfe von Radarstationen, die entlang einer W-E gerichteten Achse im Norden des Atlas errichtet werden, sollen die Zugrichtungen der nächtlich ziehenden paläarktischen Singvögel untersucht werden.
Die erste Graugansbrut in Stuttgart wurde 1996 dokumentiert. Mittlerweile sammeln sich ab Juni bis zu 100 Graugänse unterschiedlicher Herkunft im Stuttgarter Stadtgarten. Um herauszufinden, welche Tiere von wo kommen, ob sie sich in distinkte Teilpopulationen gliedern und wie ihr Bruterfolg ist, begannen wir im Jahr 2002 mit der Beringung (blaue Plastikfußringe mit Buchstabencodes SBA, SBB etc.). Bei der Erfassung der Wiedersichtdaten sind wir auf die Hilfe ehrenamtlicher Mitarbeiter angewiesen. Wiedersichtdaten mit Beobachtungsdatum, -ort, -uhrzeit, dem Ringcode und der Gruppengröße können Sie bei graugaense web.de oder schriftlich melden.
In der Gesamtdarstellung werden die Inhalte der Einzeldarstellungen der "Fachgrundlage Biotopverbund" von 2012 im Überblick dargestellt. Dabei werden für die Gewässer-, Trocken-, Feucht- und Waldlebensräume die jeweiligen Kern- und Verbindungsflächen dargestellt, sowie Flächen von Rastgebieten für Zugvögel. Außerdem wurden die Flora-Fauna-Habitat-Gebiete und die EG-Vogelschutzgebiete in die fachliche Flächenkulisse des Biotopverbunds mit aufgenommen, weil der Biotopverbund zur Verbesserung des Zusammenhangs des Netzes „Natura 2000“ beitragen soll. Ergänzend werden durch Punktsymbole die wichtigsten Übergangspunkte der Gewässer-, Trocken-, Feucht- und Waldlebensräume zu den Nachbarbundesländern Schleswig-Holstein und Niedersachsen dargestellt. In dieser Gesamtdarstellung werden für alle vier Lebensräume die Verbindungsräume zusammengefasst dargestellt. Verbindungsräume sind Bereiche, die gewisse Verbundbeziehungen über die Kern- und Verbindungsflächen hinaus aufweisen, jedoch nicht als Biotopverbundflächen im engeren Sinne einzustufen sind.
| Organisation | Count |
|---|---|
| Bund | 102 |
| Europa | 3 |
| Kommune | 1 |
| Land | 50 |
| Schutzgebiete | 1 |
| Weitere | 44 |
| Wissenschaft | 10 |
| Zivilgesellschaft | 3 |
| Type | Count |
|---|---|
| Daten und Messstellen | 1 |
| Ereignis | 7 |
| Förderprogramm | 60 |
| Hochwertiger Datensatz | 1 |
| Software | 1 |
| Text | 93 |
| unbekannt | 26 |
| License | Count |
|---|---|
| Geschlossen | 113 |
| Offen | 74 |
| Unbekannt | 2 |
| Language | Count |
|---|---|
| Deutsch | 182 |
| Englisch | 16 |
| Resource type | Count |
|---|---|
| Archiv | 1 |
| Bild | 22 |
| Datei | 6 |
| Dokument | 41 |
| Keine | 83 |
| Multimedia | 6 |
| Unbekannt | 6 |
| Webdienst | 3 |
| Webseite | 58 |
| Topic | Count |
|---|---|
| Boden | 80 |
| Lebewesen und Lebensräume | 189 |
| Luft | 80 |
| Mensch und Umwelt | 175 |
| Wasser | 93 |
| Weitere | 158 |