diff options
| -rw-r--r-- | client/index.js | 1 | ||||
| -rw-r--r-- | client/modalImage/modal.css | 25 | ||||
| -rw-r--r-- | client/modalImage/modalImage.container.js | 18 | ||||
| -rw-r--r-- | site/assets/css/css.css | 3 | ||||
| -rw-r--r-- | site/content/pages/datasets/market_1501/index.md | 4 | ||||
| -rw-r--r-- | site/content/pages/datasets/oxford_town_centre/assets/background.jpg | bin | 0 -> 108438 bytes | |||
| -rw-r--r-- | site/content/pages/datasets/oxford_town_centre/assets/index.jpg | bin | 0 -> 13077 bytes | |||
| -rw-r--r-- | site/content/pages/datasets/oxford_town_centre/assets/surveillance_camera.jpg | bin | 0 -> 229342 bytes | |||
| -rw-r--r-- | site/content/pages/datasets/oxford_town_centre/index.md | 73 | ||||
| -rw-r--r-- | site/public/datasets/market_1501/index.html | 15 |
10 files changed, 131 insertions, 8 deletions
diff --git a/client/index.js b/client/index.js index 10ed8563..c003a8b3 100644 --- a/client/index.js +++ b/client/index.js @@ -24,7 +24,6 @@ function appendModalImage() { const el = document.createElement('div') document.body.appendChild(el) ReactDOM.render(<ModalImage />, el) - console.log(el) } function fetchDataset(payload) { diff --git a/client/modalImage/modal.css b/client/modalImage/modal.css index d9180125..9589b8f4 100644 --- a/client/modalImage/modal.css +++ b/client/modalImage/modal.css @@ -25,13 +25,34 @@ align-items: center; } .modal img { - max-width: 80vw; - max-height: 80vh; + max-width: 90vw; + max-height: 90vh; } .modal .caption { display: block; text-align: center; } +.modal .prev span, +.modal .next span, +.modal .close span { + background: #222; + border-radius: 50%; + width: 40px; + height: 40px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + box-shadow: 0 1px 2px rgba(255,255,255,0.4); + transition: all 0.2s cubic-bezier(0,0,1,1); + user-select: none; +} +.desktop .modal .prev:hover span, +.desktop .modal .prev:hover span, +.desktop .modal .prev:hover span { + background: #000; + box-shadow: 0 1px 2px rgba(255,255,255,0.6); +} .modal .prev { position: absolute; top: 0; left: 0; diff --git a/client/modalImage/modalImage.container.js b/client/modalImage/modalImage.container.js index a637deb6..5479ca5f 100644 --- a/client/modalImage/modalImage.container.js +++ b/client/modalImage/modalImage.container.js @@ -10,7 +10,7 @@ import csv from 'parse-csv' class ModalImage extends Component { state = { - visible: true, + visible: false, images: [], index: 0, } @@ -26,8 +26,11 @@ class ModalImage extends Component { if (document.activeElement && document.activeElement !== document.body) { return null } - // console.log(e.keyCode) + console.log(e.keyCode) switch (e.keyCode) { + case 27: // esc + this.close() + break case 37: // left this.prev() break @@ -41,16 +44,21 @@ class ModalImage extends Component { } loadImage(index) { + const { images } = this.state + if (!images.length) return + if (index < 0 || index >= images.length) return this.setState({ visible: true, index }) } prev() { const { index, images } = this.state + if (!images.length) return this.setState({ index: (images.length + index - 1) % images.length }) } next() { const { index, images } = this.state + if (!images.length) return this.setState({ index: (index + 1) % images.length }) } @@ -75,9 +83,9 @@ class ModalImage extends Component { {caption && <div class='caption'>{caption}</div>} </div> </div> - <div onClick={() => this.prev()}className='prev'>{'<'}</div> - <div onClick={() => this.next()} className='next'>{'>'}</div> - <div onClick={() => this.close()} className='close'>{'x'}</div> + <div onClick={() => this.prev()}className='prev'><span>{'<'}</span></div> + <div onClick={() => this.next()} className='next'><span>{'>'}</span></div> + <div onClick={() => this.close()} className='close'><span>{'×'}</span></div> </div> ) } diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 824819a9..ab5d6534 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -445,6 +445,9 @@ section img { display: block; margin: 0 auto; } +.image img { + cursor: pointer; +} section .image { margin-bottom: 20px; } diff --git a/site/content/pages/datasets/market_1501/index.md b/site/content/pages/datasets/market_1501/index.md index 8d253c79..f11f170e 100644 --- a/site/content/pages/datasets/market_1501/index.md +++ b/site/content/pages/datasets/market_1501/index.md @@ -27,6 +27,10 @@ authors: Adam Harvey {% include 'map.html' %} +{% include 'chart.html' %} + +{% include 'piechart.html' %} + {% include 'supplementary_header.html' %} {% include 'citations.html' %} diff --git a/site/content/pages/datasets/oxford_town_centre/assets/background.jpg b/site/content/pages/datasets/oxford_town_centre/assets/background.jpg Binary files differnew file mode 100644 index 00000000..911dd164 --- /dev/null +++ b/site/content/pages/datasets/oxford_town_centre/assets/background.jpg diff --git a/site/content/pages/datasets/oxford_town_centre/assets/index.jpg b/site/content/pages/datasets/oxford_town_centre/assets/index.jpg Binary files differnew file mode 100644 index 00000000..1bd43ba6 --- /dev/null +++ b/site/content/pages/datasets/oxford_town_centre/assets/index.jpg diff --git a/site/content/pages/datasets/oxford_town_centre/assets/surveillance_camera.jpg b/site/content/pages/datasets/oxford_town_centre/assets/surveillance_camera.jpg Binary files differnew file mode 100644 index 00000000..72bdcbf9 --- /dev/null +++ b/site/content/pages/datasets/oxford_town_centre/assets/surveillance_camera.jpg diff --git a/site/content/pages/datasets/oxford_town_centre/index.md b/site/content/pages/datasets/oxford_town_centre/index.md new file mode 100644 index 00000000..b3ff0f41 --- /dev/null +++ b/site/content/pages/datasets/oxford_town_centre/index.md @@ -0,0 +1,73 @@ +------------ + +status: published +title: Oxford Town Centre +desc: Oxford Town Centre is a dataset of surveillance camera footage from Cornmarket St Oxford, England +subdesc: The Oxford Town Centre dataset includes +slug: oxford_town_centre +cssclass: dataset +image: assets/background.jpg +year: 2015 +published: 2019-2-23 +updated: 2019-2-23 +authors: Adam Harvey + +------------ + +### sidebar + ++ Published: 20111 ++ Identities: 2200 ++ Created by: University of Oxford ++ Purpose: Person detection, gaze estimation, crowd tracking ++ Download Size: 118MB ++ Website: <a href="http://www.robots.ox.ac.uk/ActiveVision/Research/Projects/2009bbenfold_headpose/project.html">robots.ox.ac.uk</a> + + +## Oxford Town Centre + +[ page under development ] + +The Oxford Town Centre dataset is a video of pedestrians in a busy downtown area in Oxford used for creating surveillance algorithms with "potential applications in activity recognition and remote biometric analysis" or non-cooperative face recognition. [^ben_benfold_orig] + +Based on observations of the dataset video and Google Street images, the source of the footage has been geolocated to a public CCTV camera at the intersection of Cornmarket and Market St. Oxford, England ([map](https://www.google.com/maps/@51.7528347,-1.2581078,3a,90y,324.38h,101.91t/data=!3m6!1e1!3m4!1s3uTXi12qVnI35DnDJbDofg!2e0!7i13312!8i6656)). Based on an analysis of the papers that use or cite this dataset [^guiding_surveillance] the inferred year of capture was definitely 2009 and the season was perhaps February or March based on the the window advertisements and cool-weather clothing. + +Halfway through the video a peculiar and somewhat rude man enters the video and stands directly over top a water drain for over a minute. His unusual demeanor and apparently scripted behavior suggests a possible relationship to the CCTV operators. + +Although Oxford Town Centre dataset first appears as a pedestrian dataset, it was created to improve the stabilization of pedstrian detections in order to extract a more accurate head region that would lead to improvements in face recognition. + + + + +{% include 'chart.html' %} + +{% include 'piechart.html' %} + +{% include 'map.html' %} + +{% include 'citations.html' %} + +{% include 'supplementary_header.html' %} + +Several researchers have posted their demo videos using the Oxford Town Centre dataset on YouTube: +- [Multi target tracking on Oxford Dataset](https://www.youtube.com/watch?v=nO-3EM9dEd4) +- [Multi-pedestrian tracking (TownCentre dataset)]https://www.youtube.com/watch?v=nO-3EM9dEd4 +- [Multiple object tracking with kalman tracker and sort](https://www.youtube.com/watch?v=SKXk6uB8348) +- [Multi target tracking on Oxford dataset](https://www.youtube.com/watch?v=RM_RdXH7pSY) +- [towncentre](https://www.youtube.com/watch?v=ErLtfUAJA8U) +- [VTD - towncenter.avi](https://www.youtube.com/watch?v=LwMOmqvhnoc) + + +[ add visualization ] + + +TODO + +- make visualization +- add license info + + +### Footnotes + +[^ben_benfold_orig]: Benfold, Ben and Reid, Ian. "Stable Multi-Target Tracking in Real-Time Surveillance Video". CVPR 2011. Pages 3457-3464. +[^guiding_surveillance]: "Guiding Visual Surveillance by Tracking Human Attention". 2009. diff --git a/site/public/datasets/market_1501/index.html b/site/public/datasets/market_1501/index.html index 1ffd7e6c..3281a9ae 100644 --- a/site/public/datasets/market_1501/index.html +++ b/site/public/datasets/market_1501/index.html @@ -83,6 +83,21 @@ </p> </section> --><section> + <h3>Who used Market 1501?</h3> + + <p> + This bar chart presents a ranking of the top countries where dataset citations originated. Mouse over individual columns to see yearly totals. These charts show at most the top 10 countries. + </p> + + </section> + +<section class="applet_container"> +<!-- <div style="position: absolute;top: 0px;right: -55px;width: 180px;font-size: 14px;">Labeled Faces in the Wild Dataset<br><span class="numc" style="font-size: 11px;">20 citations</span> +</div> --> + <div class="applet" data-payload="{"command": "chart"}"></div> +</section><section class="applet_container"> + <div class="applet" data-payload="{"command": "piechart"}"></div> +</section><section> <div class="hr-wave-holder"> <div class="hr-wave-line hr-wave-line1"></div> |
