EOxC
![]()
## EOxC
* Framework to build EO web catalog clients
* MIT license
* https://github.com/eoxc
* v1.0.0 almost there (rc.6)
* Used by e.g. DLR (CODE-DE) & ESA
* Copernicus Data and Exploitation Platform – Deutschland
* Data Access Portal for Sentinel and derived products
* The CODE-DE catalog client is an instance of EOxC
* https://code-de.org
## Team
[](https://eox.at)
## Ambition
* Conveniently zoom to the data
* Comprehensibly show the spatial and temporal distribution of products
* Usable with large collections regardless of client hardware
* Runs in all modern browsers
* Uses open standards
* Rapidly reusable and customizable
* Entirely browser based
## Features
EOxC allows to easily build user interfaces to
- browse,
- filter,
- inspect, and
- download
products from EO catalogs.
Overview
![]()
Map and spatial filter
![]()
TimeSlider and time filter
![]()
Extended and additional filters
![]()
Search results
![]()
## Browse
Dynamic map layers - in sync with search (WMTS or WMS plus time)
TimeSlider widget - temporal distribution (OpenSearch, WMS, or WCS)
Filter
![]()
## Filter
- Time
- set start and end time
- default via TimeSlider
- Spatial
- draw or load shapes
- default via currently visible map
- Additional
## Interactive search results
highlight, (de-)select and inspect from map and result list
3-way highlighting
Inspect
Modal with detailed metadata and further links to single datasets
![]()
## Download
- "shopping cart"
- Download directly
- link from OpenSearch
- WCS with EO extension
- Download URL-List or Metalink file
## Technologies
Built on:
- established frameworks and tools
- custom built components
- opensearch-browser
- d3.TimeSlider
Frameworks
![backbone]()
Backbone
![Marionette.js]()
Marionette
![OpenLayers]()
OpenLayers
![bootstrap]()
Bootstrap
## OpenSearch-browser
- JS client library for OpenSearch interfaces
- Extensions: Geo, Time, EO, CEOS Best Practices
- Paginator for iterative exploration e.g. in web worker
- https://github.com/eoxc/opensearch
## d3.TimeSlider
Dynamic time-slider widget built using D3.
Features:
- zooming/panning
- draw-selection of intervals
- display of records:
- individual records incl. grouping
- histogram
- seamless switching
- highly configurable e.g. zoom limits
https://github.com/EOX-A/d3.TimeSlider
### In production use since April 2017
## Links
- CODE-DE: https://code-de.org
- EOxC: https://github.com/eoxc/eoxc
- opensearch: https://github.com/eoxc/opensearch
- d3.TimeSlider: https://github.com/EOX-A/d3.TimeSlider
https://eox.at
This work is licensed under a Creative Commons Attribution 4.0 International License.
Backbone
Marionette
OpenLayers
Bootstrap
Webpack
