diff options
Diffstat (limited to 'site/public')
46 files changed, 355 insertions, 738 deletions
diff --git a/site/public/about/credits/index.html b/site/public/about/credits/index.html new file mode 100644 index 00000000..b4c17c4d --- /dev/null +++ b/site/public/about/credits/index.html @@ -0,0 +1,88 @@ +<!doctype html> +<html> +<head> + <title>MegaPixels</title> + <meta charset="utf-8" /> + <meta name="author" content="Adam Harvey" /> + <meta name="description" content="MegaPixels Press and News" /> + <meta name="referrer" content="no-referrer" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <link rel='stylesheet' href='/assets/css/fonts.css' /> + <link rel='stylesheet' href='/assets/css/tabulator.css' /> + <link rel='stylesheet' href='/assets/css/css.css' /> + <link rel='stylesheet' href='/assets/css/leaflet.css' /> + <link rel='stylesheet' href='/assets/css/applets.css' /> +</head> +<body> + <header> + <a class='slogan' href="/"> + <div class='logo'></div> + <div class='site_name'>MegaPixels</div> + </a> + <div class='links'> + <a href="/datasets/">Datasets</a> + <a href="/about/">About</a> + </div> + </header> + <div class="content content-about"> + + <section><h1>Credits</h1> +<section class="about-menu"> +<ul> + <li><a href="/about/">About</a></li> + <li><a href="/about/press/">Press</a></li> + <li><a class="current" href="/about/credits/">Credits</a></li> + <li><a href="/about/disclaimer/">Disclaimer</a></li> + <li><a href="/about/terms/">Terms and Conditions</a></li> + <li><a href="/about/privacy/">Privacy Policy</a></li> +</ul> +</section><h4>Team</h4> +<ul> +<li>Research and image analysis: Adam Harvey</li> +<li>Development and visualizations: Jules LaPlace</li> +<li>Produced in Partnership with Mozilla</li> +<li>Contributing researchers: Berit Gilma, Mathana Stender</li> +</ul> +<h4>Code</h4> +<p><<<<<<< HEAD</p> +<ul> +<li>This site uses D3.js, C3.js, and ThreeJS for visualizations.</li> +<li><h1>Data aggregation uses Pandas and PDFMiner.Six.</h1> +</li> +<li>This site uses D3 and C2 for visuzations</li> +<li>Add more here<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><p>> 26646e6adf3833f6282e9515c14ad61e485440c0</p> +</blockquote> +</blockquote> +</blockquote> +</blockquote> +</blockquote> +</blockquote> +</blockquote> +</li> +</ul> +<h4>Data</h4> +<ul> +<li>link to github</li> +<li>how it was gathered</li> +</ul> +</section> + + </div> + <footer> + <div> + <a href="/">MegaPixels.cc</a> + <a href="/about/disclaimer/">Disclaimer</a> + <a href="/about/terms/">Terms of Use</a> + <a href="/about/privacy/">Privacy</a> + <a href="/about/">About</a> + <a href="/about/team/">Team</a> + </div> + <div> + MegaPixels ©2017-19 Adam R. Harvey / + <a href="https://ahprojects.com">ahprojects.com</a> + </div> + </footer> +</body> + +<script src="/assets/js/dist/index.js"></script> +</html>
\ No newline at end of file diff --git a/site/public/about/disclaimer/index.html b/site/public/about/disclaimer/index.html index 2f915c48..28588708 100644 --- a/site/public/about/disclaimer/index.html +++ b/site/public/about/disclaimer/index.html @@ -21,21 +21,23 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-about"> <section><h1>Disclaimer</h1> +<section class="about-menu"> <ul> <li><a href="/about/">About</a></li> <li><a href="/about/press/">Press</a></li> -<li><a href="/about/disclaimer/">Disclaimer</a></li> +<li><a href="/about/credits/">Credits</a></li> +<li><a class="current" href="/about/disclaimer/">Disclaimer</a></li> <li><a href="/about/terms/">Terms and Conditions</a></li> <li><a href="/about/privacy/">Privacy Policy</a></li> </ul> -</section><section><p>Last updated: December 04, 2018</p> +</section><p>(TEMPORARY PAGE)</p> +<p>Last updated: December 04, 2018</p> <p>The information contained on MegaPixels.cc website (the "Service") is for academic and artistic purposes only.</p> <p>MegaPixels.cc assumes no responsibility for errors or omissions in the contents on the Service.</p> <p>In no event shall MegaPixels.cc be liable for any special, direct, indirect, consequential, or incidental damages or any damages whatsoever, whether in an action of contract, negligence or other tort, arising out of or in connection with the use of the Service or the contents of the Service. MegaPixels.cc reserves the right to make additions, deletions, or modification to the contents on the Service at any time without prior notice.</p> diff --git a/site/public/about/index.html b/site/public/about/index.html index 125d1feb..3c270ee1 100644 --- a/site/public/about/index.html +++ b/site/public/about/index.html @@ -21,39 +21,43 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-about"> <section><h1>About MegaPixels</h1> -</section><section class="about-menu"> +<section class="about-menu"> <ul> -<li><a href="/about/">About</a></li> +<li><a class="current" href="/about/">About</a></li> <li><a href="/about/press/">Press</a></li> -<li><a href="/about/research/">Research Methodology</a></li> +<li><a href="/about/credits/">Credits</a></li> <li><a href="/about/disclaimer/">Disclaimer</a></li> <li><a href="/about/terms/">Terms and Conditions</a></li> <li><a href="/about/privacy/">Privacy Policy</a></li> </ul> -</section><section><p>MegaPixels is an art and research project by Adam Harvey about the origins and ethics of facial analysis datasets. Where do they come from? Who's included? Who created it and for what reason?</p> -<p>MegaPixels sets out to answer to these questions and reveal the stories behind the millions of images used to train, evaluate, and power the facial recognition surveillance algorithms used today. MegaPixels is authored by Adam Harvey, developed in collaboration with Jules LaPlace, and produced in partnership with Mozilla.</p> -<p>MegaPixels sets out to answer to these questions and reveal the stories behind the millions of images used to train, evaluate, and power the facial recognition surveillance algorithms used today. MegaPixels is authored by Adam Harvey, developed in collaboration with Jules LaPlace, and produced in partnership with Mozilla.</p> -<p>Notes</p> -<ul> -<li>critical but informative</li> -<li>not anti-dataset</li> -<li>pro-sharing, pro-public dataset</li> -<li>w/o data</li> -<li>not generally anti-researcher, their parent organization should have checks in place to prevent dubious dataset collection methods</li> -<li></li> -</ul> -</section><section class='images'><div class='sideimage'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/adam-harvey.jpg' alt='Adam Harvey'><div><p><strong>Adam Harvey</strong> is an American artist and researcher based in Berlin. His previous projects (CV Dazzle, Stealth Wear, and SkyLift) explore the potential for countersurveillance as artwork. He is the founder of VFRAME (visual forensics software for human rights groups), the recipient of 2 PrototypeFund awards, and is currently a researcher in residence at Karlsruhe HfG studying artifical intelligence and datasets.</p> -</div></div></section><section class='images'><div class='sideimage'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/jules-laplace.jpg' alt='Jules LaPlace'><div><p><strong>Jules LaPlace</strong> is an American artist and technologist also based in Berlin. He was previously the CTO of a NYC digital agency and currently works at VFRAME, developing computer vision for human rights groups, and building creative software for artists.</p> -</div></div></section><section><h2>Partnership</h2> -<p>MegaPixels is produced in partnership with <strong>Mozilla</strong>, a free software community founded in 1998 by members of Netscape. The Mozilla community uses, develops, spreads and supports Mozilla products, thereby promoting exclusively free software and open standards, with only minor exceptions. The community is supported institutionally by the not-for-profit Mozilla Foundation and its tax-paying subsidiary, the Mozilla Corporation.</p> -</section> +</section><p>(PAGE UNDER DEVELOPMENT)</p> +<p><div style="font-size:20px;line-height:36px">Ever since government agencies began developing face recognition in the early 1960's, datasets of face images have always been central to technological advancements. Today, these datasets no longer originate in labs, but instead from family photo albums posted on photo sharing sites, surveillance cameras on college campuses, search engine queries for celebrities, cafe livestreams, and <a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">personal videos</a> posted on YouTube. </div></p><p>Collectively, facial recognition datasets are now gathered "in the wild".</p> +<p>MegaPixels is art and research by <a href="https://ahprojects.com">Adam Harvey</a> about facial recognition datasets that unravels their histories, futures, geographies, and meanings. Throughout 2019 this site this site will publish research reports, visualizations, raw data, and interactive tools to explore how publicly available facial recognition datasets contribute to a global supply chain of biometric data that powers the global facial recognition industry.</p><p>During the last year, hundreds of these facial analysis datasets created "in the wild" have been collected to understand how they contribute to a global supply chain of biometric data that is powering the global facial recognition industry.</p> +<p>The MegaPixels website is produced in partnership with <a href="https://mozilla.org">Mozilla</a>.</p> +<div class="flex-container team-photos-container"> + <div class="team-member"> + <img src="https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/adam-harvey-3d.jpg" /> + <h3>Adam Harvey</h3> + <p>is Berlin-based American artist and researcher. His previous projects (CV Dazzle, Stealth Wear, and SkyLift) explore the potential for countersurveillance as artwork. He is the founder of VFRAME (visual forensics software for human rights groups), the recipient of 2 PrototypeFund grants, and is a researcher in residence at Karlsruhe HfG. + <br> + <a href="https://ahprojects.com">ahprojects.com</a> + </p> + </div> + <div class="team-member"> + <img src="https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/jules-laplace-3d.jpg" /> + <h3>Jules LaPlace</h3> + <p>is an American creative technologist also based in Berlin. He was previously the CTO of a digital agency in NYC and now also works at VFRAME, developing computer vision for human rights groups. Jules also builds creative software for artists and musicians. + <br> + <a href="https://asdf.us/">asdf.us</a> + </p> + </div> +</div></section> </div> <footer> diff --git a/site/public/about/press/index.html b/site/public/about/press/index.html index d6dbdb2c..e2e646da 100644 --- a/site/public/about/press/index.html +++ b/site/public/about/press/index.html @@ -4,7 +4,7 @@ <title>MegaPixels</title> <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> - <meta name="description" content="MegaPixels in The News" /> + <meta name="description" content="MegaPixels Press and News" /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <link rel='stylesheet' href='/assets/css/fonts.css' /> @@ -21,23 +21,22 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-about"> <section><h1>Press</h1> -</section><section class="about-menu"> +<section class="about-menu"> <ul> <li><a href="/about/">About</a></li> -<li><a href="/about/press/">Press</a></li> -<li><a href="/about/research/">Research Methodology</a></li> +<li><a class="current" href="/about/press/">Press</a></li> +<li><a href="/about/credits/">Credits</a></li> <li><a href="/about/disclaimer/">Disclaimer</a></li> <li><a href="/about/terms/">Terms and Conditions</a></li> <li><a href="/about/privacy/">Privacy Policy</a></li> </ul> -</section><section><p>(list of press articles and images will go here)</p> +</section><p>(TEMPORARY PAGE)</p> <ul> <li>Aug 22, 2018: "Transgender YouTubers had their videos grabbed to train facial recognition software" by James Vincent <a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset</a></li> </ul> diff --git a/site/public/about/privacy/index.html b/site/public/about/privacy/index.html index a934b7e9..f6915d66 100644 --- a/site/public/about/privacy/index.html +++ b/site/public/about/privacy/index.html @@ -21,23 +21,23 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-about"> <section><h1>Privacy Policy</h1> -</section><section class="about-menu"> +<section class="about-menu"> <ul> <li><a href="/about/">About</a></li> <li><a href="/about/press/">Press</a></li> -<li><a href="/about/research/">Research Methodology</a></li> +<li><a href="/about/credits/">Credits</a></li> <li><a href="/about/disclaimer/">Disclaimer</a></li> <li><a href="/about/terms/">Terms and Conditions</a></li> -<li><a href="/about/privacy/">Privacy Policy</a></li> +<li><a class="current" href="/about/privacy/">Privacy Policy</a></li> </ul> -</section><section><p>A summary of our privacy policy is as follows:</p> +</section><p>(TEMPORARY PAGE)</p> +<p>A summary of our privacy policy is as follows:</p> <p>The MegaPixels site does not use any analytics programs or collect any data besides the necessary IP address of your connection, which are deleted every 30 days and used only for security and to prevent misuse.</p> <p>The image processing sections of the site do not collect any data whatsoever. All processing takes place in temporary memory (RAM) and then is displayed back to the user over a SSL secured HTTPS connection. It is the sole responsibility of the user whether they discard, by closing the page, or share their analyzed information and any potential consequences that may arise from doing so.</p> <p>A more complete legal version is below:</p> diff --git a/site/public/about/research/index.html b/site/public/about/research/index.html index 559cadd0..5ad30e20 100644 --- a/site/public/about/research/index.html +++ b/site/public/about/research/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -32,7 +31,6 @@ <ul> <li><a href="/about/">About</a></li> <li><a href="/about/press/">Press</a></li> -<li><a href="/about/research/">Research Methodology</a></li> <li><a href="/about/disclaimer/">Disclaimer</a></li> <li><a href="/about/terms/">Terms and Conditions</a></li> <li><a href="/about/privacy/">Privacy Policy</a></li> diff --git a/site/public/about/terms/index.html b/site/public/about/terms/index.html index b8253a33..b86eae88 100644 --- a/site/public/about/terms/index.html +++ b/site/public/about/terms/index.html @@ -21,23 +21,23 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-about"> <section><h1>Terms and Conditions ("Terms")</h1> -</section><section class="about-menu"> +<section class="about-menu"> <ul> <li><a href="/about/">About</a></li> <li><a href="/about/press/">Press</a></li> -<li><a href="/about/research/">Research Methodology</a></li> +<li><a href="/about/credits/">Credits</a></li> <li><a href="/about/disclaimer/">Disclaimer</a></li> -<li><a href="/about/terms/">Terms and Conditions</a></li> +<li><a class="current" href="/about/terms/">Terms and Conditions</a></li> <li><a href="/about/privacy/">Privacy Policy</a></li> </ul> -</section><section><p>(FPO: this is only example text)</p> +</section><p>(TEMPORARY PAGE)</p> +<p>(FPO: this is only example text)</p> <p>Last updated: December 04, 2018</p> <p>Please read these Terms and Conditions ("Terms", "Terms and Conditions") carefully before using the MegaPixels website (the "Service") operated by megapixels.cc ("us", "we", or "our").</p> <p>Your access to and use of the Service is conditioned on your acceptance of and compliance with these Terms.</p> diff --git a/site/public/datasets/50_people_one_question/index.html b/site/public/datasets/50_people_one_question/index.html index 945a1233..3a854d50 100644 --- a/site/public/datasets/50_people_one_question/index.html +++ b/site/public/datasets/50_people_one_question/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -29,6 +28,7 @@ <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/50_people_one_question/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style="color:#ffaa00">People One Question</span> is a dataset of people from an online video series on YouTube and Vimeo used for building facial recogntion algorithms</span></div><div class='hero_subdesc'><span class='bgpad'>People One Question dataset includes ... </span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Collected</div><div>TBD</div></div><div><div class='gray'>Published</div><div>TBD</div></div><div><div class='gray'>Images</div><div>TBD</div></div><div><div class='gray'>Faces</div><div>TBD</div></div></div></div><h2>50 People 1 Question</h2> +<p>(PAGE UNDER DEVELOPMENT)</p> <p>At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p> <p>Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat</p> </section><section> @@ -45,7 +45,7 @@ </div> --> <p> - To understand how this dataset has been used around the world... + To understand how 50 People One Question Dataset has been used around the world... affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast </p> @@ -76,6 +76,7 @@ <h2>Supplementary Information</h2> </section><section class="applet_container"> + <h3>Citations</h3> <p> Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates diff --git a/site/public/datasets/afad/index.html b/site/public/datasets/afad/index.html index cfb2dc76..a0aea1a6 100644 --- a/site/public/datasets/afad/index.html +++ b/site/public/datasets/afad/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/aflw/index.html b/site/public/datasets/aflw/index.html index 58291ba1..7aaa9af0 100644 --- a/site/public/datasets/aflw/index.html +++ b/site/public/datasets/aflw/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/brainwash/index.html b/site/public/datasets/brainwash/index.html index 3a13d129..e5baca7a 100644 --- a/site/public/datasets/brainwash/index.html +++ b/site/public/datasets/brainwash/index.html @@ -4,7 +4,7 @@ <title>MegaPixels</title> <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> - <meta name="description" content="Brainwash is a dataset of people from webcams the Brainwash Cafe in San Francisco being used to train face detection algorithms" /> + <meta name="description" content="Brainwash is a dataset of webcam images taken from the Brainwash Cafe in San Francisco" /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <link rel='stylesheet' href='/assets/css/fonts.css' /> @@ -21,20 +21,34 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-dataset"> - <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/brainwash/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style='color: #ffaa00'>Brainwash</span> is a dataset of people from webcams the Brainwash Cafe in San Francisco being used to train face detection algorithms</span></div><div class='hero_subdesc'><span class='bgpad'>Brainwash dataset includes 11,918 images of "everyday life of a busy downtown cafe" -</span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Collected</div><div>2014</div></div><div><div class='gray'>Published</div><div>2015</div></div><div><div class='gray'>Images</div><div>11,918</div></div><div><div class='gray'>Faces</div><div>91,146</div></div><div><div class='gray'>Created by</div><div>Stanford Department of Computer Science</div></div><div><div class='gray'>Funded by</div><div>Max Planck Center for Visual Computing and Communication</div></div><div><div class='gray'>Resolution</div><div>640x480px</div></div><div><div class='gray'>Size</div><div>4.1GB</div></div><div><div class='gray'>Origin</div><div>Brainwash Cafe, San Franscisco</div></div><div><div class='gray'>Purpose</div><div>Training face detection</div></div><div><div class='gray'>Website</div><div><a href="https://exhibits.stanford.edu/data/catalog/sx925dc9385">stanford.edu</a></div></div><div><div class='gray'>Paper</div><div><a href="http://arxiv.org/abs/1506.04878">End-to-End People Detection in Crowded Scenes</a></div></div></div></div><h2>Brainwash Dataset</h2> + <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/brainwash/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style='color: #ffaa00'>Brainwash</span> is a dataset of webcam images taken from the Brainwash Cafe in San Francisco</span></div><div class='hero_subdesc'><span class='bgpad'>The Brainwash dataset includes 11,918 images of "everyday life of a busy downtown cafe" and is used for training head detection algorithms +</span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Published</div><div>2015</div></div><div><div class='gray'>Images</div><div>11,918</div></div><div><div class='gray'>Faces</div><div>91,146</div></div><div><div class='gray'>Created by</div><div>Stanford Department of Computer Science</div></div><div><div class='gray'>Funded by</div><div>Max Planck Center for Visual Computing and Communication</div></div><div><div class='gray'>Location</div><div>Brainwash Cafe, San Franscisco</div></div><div><div class='gray'>Purpose</div><div>Training face detection</div></div><div><div class='gray'>Website</div><div><a href="https://exhibits.stanford.edu/data/catalog/sx925dc9385">stanford.edu</a></div></div><div><div class='gray'>Paper</div><div><a href="http://arxiv.org/abs/1506.04878">End-to-End People Detection in Crowded Scenes</a></div></div><div><div class='gray'>Explicit Consent</div><div>No</div></div></div></div><h2>Brainwash Dataset</h2> +<p>(PAGE UNDER DEVELOPMENT)</p> <p><em>Brainwash</em> is a face detection dataset created from the Brainwash Cafe's livecam footage including 11,918 images of "everyday life of a busy downtown cafe<a class="footnote_shim" name="[^readme]_1"> </a><a href="#[^readme]" class="footnote" title="Footnote 1">1</a>". The images are used to develop face detection algorithms for the "challenging task of detecting people in crowded scenes" and tracking them.</p> <p>Before closing in 2017, Brainwash Cafe was a "cafe and laundromat" located in San Francisco's SoMA district. The cafe published a publicy available livestream from the cafe with a view of the cash register, performance stage, and seating area.</p> <p>Since it's publication by Stanford in 2015, the Brainwash dataset has appeared in several notable research papers. In September 2016 four researchers from the National University of Defense Technology in Changsha, China used the Brainwash dataset for a research study on "people head detection in crowded scenes", concluding that their algorithm "achieves superior head detection performance on the crowded scenes dataset<a class="footnote_shim" name="[^localized_region_context]_1"> </a><a href="#[^localized_region_context]" class="footnote" title="Footnote 2">2</a>". And again in 2017 three researchers at the National University of Defense Technology used Brainwash for a study on object detection noting "the data set used in our experiment is shown in Table 1, which includes one scene of the brainwash dataset<a class="footnote_shim" name="[^replacement_algorithm]_1"> </a><a href="#[^replacement_algorithm]" class="footnote" title="Footnote 3">3</a>".</p> </section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/brainwash/assets/00425000_960.jpg' alt=' An sample image from the Brainwash dataset used for training face and head detection algorithms for surveillance. The datset contains about 12,000 images. License: Open Data Commons Public Domain Dedication (PDDL)'><div class='caption'> An sample image from the Brainwash dataset used for training face and head detection algorithms for surveillance. The datset contains about 12,000 images. License: Open Data Commons Public Domain Dedication (PDDL)</div></div></section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/brainwash/assets/brainwash_montage.jpg' alt=' 49 of the 11,918 images included in the Brainwash dataset. License: Open Data Commons Public Domain Dedication (PDDL)'><div class='caption'> 49 of the 11,918 images included in the Brainwash dataset. License: Open Data Commons Public Domain Dedication (PDDL)</div></div></section><section> + <h3>Who used Brainwash Dataset?</h3> + + <p> + This bar chart presents a ranking of the top countries where citations originated. Mouse over individual columns + to see yearly totals. Colors are only assigned to the top 10 overall 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> - <h3>Biometric Trade Routes (beta)</h3> + <h3>Information Supply Chain</h3> <!-- <div class="map-sidebar right-sidebar"> <h3>Legend</h3> @@ -46,8 +60,8 @@ </div> --> <p> - To understand how this dataset has been used around the world... - affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast + To understand how Brainwash Dataset has been used around the world... + affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast </p> </section> @@ -65,8 +79,9 @@ <section> <p class='subp'> - The data is generated by collecting all citations for all original research papers associated with the dataset. Then the PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, actual use of the dataset can not yet be confirmed. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced. + Standardized paragraph of text about the map. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. </p> +</section><section><p>Add more analysis here</p> </section><section> @@ -77,28 +92,17 @@ <h2>Supplementary Information</h2> </section><section class="applet_container"> + <h3>Citations</h3> <p> - Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates + The citations used for the geographic visualizations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates and indexes research papers. Metadata was extracted from these papers, including extracting names of institutions automatically from PDFs, and then the addresses were geocoded. Data is not yet manually verified, and reflects anytime the paper was cited. Some papers may only mention the dataset in passing, while others use it as part of their research methodology. </p> <p> - Add button/link to download CSV + Add [button/link] to download CSV. Add search input field to filter. Expand number of rows to 10. Reduce URL text to show only the domain (ie https://arxiv.org/pdf/123456 --> arxiv.org) </p> <div class="applet" data-payload="{"command": "citations"}"></div> -</section><section> - <h3>Who used ?</h3> - - <p> - This bar chart presents a ranking of the top countries where citations originated. Mouse over individual columns - to see yearly totals. Colors are only assigned to the top 10 overall countries. - </p> - - </section> - -<section class="applet_container"> - <div class="applet" data-payload="{"command": "chart"}"></div> </section><section><h3>Additional Information</h3> <ul> <li>The dataset author spoke about his research at the CVPR conference in 2016 <a href="https://www.youtube.com/watch?v=Nl2fBKxwusQ">https://www.youtube.com/watch?v=Nl2fBKxwusQ</a></li> diff --git a/site/public/datasets/caltech_10k/index.html b/site/public/datasets/caltech_10k/index.html index c9d98e99..6615bb1a 100644 --- a/site/public/datasets/caltech_10k/index.html +++ b/site/public/datasets/caltech_10k/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/celeba/index.html b/site/public/datasets/celeba/index.html index 39eb4971..024f842f 100644 --- a/site/public/datasets/celeba/index.html +++ b/site/public/datasets/celeba/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -29,6 +28,7 @@ <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/celeba/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style="color:#ffaa00">CelebA</span> is a dataset of people...</span></div><div class='hero_subdesc'><span class='bgpad'>CelebA includes... </span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Collected</div><div>TBD</div></div><div><div class='gray'>Published</div><div>TBD</div></div><div><div class='gray'>Images</div><div>TBD</div></div><div><div class='gray'>Faces</div><div>TBD</div></div></div></div><h2>CelebA</h2> +<p>(PAGE UNDER DEVELOPMENT)</p> <p>At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p> <p>Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat</p> </section><section> @@ -45,7 +45,7 @@ </div> --> <p> - To understand how this dataset has been used around the world... + To understand how CelebA Dataset has been used around the world... affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast </p> @@ -76,6 +76,7 @@ <h2>Supplementary Information</h2> </section><section class="applet_container"> + <h3>Citations</h3> <p> Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates diff --git a/site/public/datasets/cofw/index.html b/site/public/datasets/cofw/index.html index 3dc139b0..20138c3c 100644 --- a/site/public/datasets/cofw/index.html +++ b/site/public/datasets/cofw/index.html @@ -21,14 +21,14 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-"> - <section><h1>Caltech Occluded Faces in The Wild</h1> -</section><section><div class='meta'><div><div class='gray'>Years</div><div>1993-1996</div></div><div><div class='gray'>Images</div><div>14,126</div></div><div><div class='gray'>Identities</div><div>1,199 </div></div><div><div class='gray'>Origin</div><div>Web Searches</div></div><div><div class='gray'>Funded by</div><div>ODNI, IARPA, Microsoft</div></div></div><section><section><!--header--></section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/cofw/assets/cofw_index.gif' alt=''></div></section><section><p>COFW is "is designed to benchmark face landmark algorithms in realistic conditions, which include heavy occlusions and large shape variations" [Robust face landmark estimation under occlusion].</p> + <section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Years</div><div>1993-1996</div></div><div><div class='gray'>Images</div><div>14,126</div></div><div><div class='gray'>Identities</div><div>1,199 </div></div><div><div class='gray'>Origin</div><div>Web Searches</div></div><div><div class='gray'>Funded by</div><div>ODNI, IARPA, Microsoft</div></div></div></div><h2>Caltech Occluded Faces in the Wild</h2> +<p>(PAGE UNDER DEVELOPMENT)</p> +<p>COFW is "is designed to benchmark face landmark algorithms in realistic conditions, which include heavy occlusions and large shape variations" [Robust face landmark estimation under occlusion].</p> <p>RESEARCH below this line</p> <blockquote><p>We asked four people with different levels of computer vision knowledge to each collect 250 faces representative of typical real-world images, with the clear goal of challenging computer vision methods. The result is 1,007 images of faces obtained from a variety of sources.</p> @@ -55,7 +55,7 @@ To increase the number of training images, and since COFW has the exact same la </div> --> <p> - To understand how this dataset has been used around the world... + To understand how COFW Dataset has been used around the world... affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast </p> @@ -86,6 +86,7 @@ To increase the number of training images, and since COFW has the exact same la <h2>Supplementary Information</h2> </section><section class="applet_container"> + <h3>Citations</h3> <p> Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates @@ -97,7 +98,7 @@ To increase the number of training images, and since COFW has the exact same la <div class="applet" data-payload="{"command": "citations"}"></div> </section><section> - <h3>Who used ?</h3> + <h3>Who used COFW Dataset?</h3> <p> This bar chart presents a ranking of the top countries where citations originated. Mouse over individual columns @@ -107,6 +108,8 @@ To increase the number of training images, and since COFW has the exact same la </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><p>TODO</p> <h2>- replace graphic</h2> diff --git a/site/public/datasets/facebook/index.html b/site/public/datasets/facebook/index.html index a9f1b225..7fb1901a 100644 --- a/site/public/datasets/facebook/index.html +++ b/site/public/datasets/facebook/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/feret/index.html b/site/public/datasets/feret/index.html index 51f9038a..ce60f3de 100644 --- a/site/public/datasets/feret/index.html +++ b/site/public/datasets/feret/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html index 3bf06a0a..d9452b11 100644 --- a/site/public/datasets/index.html +++ b/site/public/datasets/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -38,18 +37,6 @@ <div class="dataset-list"> - <a href="/datasets/50_people_one_question/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/50_people_one_question/assets/index.jpg)"> - <div class="dataset"> - <span class='title'>50 People One Question</span> - <div class='fields'> - <div class='year visible'><span>2013</span></div> - <div class='purpose'><span>facial landmark estimation in the wild</span></div> - <div class='images'><span> images</span></div> - <div class='identities'><span></span></div> - </div> - </div> - </a> - <a href="/datasets/brainwash/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/brainwash/assets/index.jpg)"> <div class="dataset"> <span class='title'>Brainwash</span> @@ -62,30 +49,6 @@ </div> </a> - <a href="/datasets/celeba/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/celeba/assets/index.jpg)"> - <div class="dataset"> - <span class='title'>CelebA</span> - <div class='fields'> - <div class='year visible'><span>2015</span></div> - <div class='purpose'><span>face attribute recognition, face detection, and landmark (or facial part) localization</span></div> - <div class='images'><span>202,599 images</span></div> - <div class='identities'><span>10,177 </span></div> - </div> - </div> - </a> - - <a href="/datasets/cofw/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/cofw/assets/index.jpg)"> - <div class="dataset"> - <span class='title'>Caltech Occluded Faces in The Wild</span> - <div class='fields'> - <div class='year visible'><span>2013</span></div> - <div class='purpose'><span>challenging dataset (sunglasses, hats, interaction with objects), supported by IARPA</span></div> - <div class='images'><span>1,007 images</span></div> - <div class='identities'><span></span></div> - </div> - </div> - </a> - <a href="/datasets/lfw/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/index.jpg)"> <div class="dataset"> <span class='title'>Labeled Faces in The Wild</span> diff --git a/site/public/datasets/lfpw/index.html b/site/public/datasets/lfpw/index.html index 385bd189..087d8b1d 100644 --- a/site/public/datasets/lfpw/index.html +++ b/site/public/datasets/lfpw/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html index 9a7e7f2c..8670f909 100644 --- a/site/public/datasets/lfw/index.html +++ b/site/public/datasets/lfw/index.html @@ -4,7 +4,7 @@ <title>MegaPixels</title> <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> - <meta name="description" content="Labeled Faces in The Wild (LFW) is a database of face photographs designed for studying the problem of unconstrained face recognition." /> + <meta name="description" content="Labeled Faces in The Wild (LFW) is the first facial recognition dataset created entirely from online photos" /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <link rel='stylesheet' href='/assets/css/fonts.css' /> @@ -21,13 +21,12 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-"> - <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style='color: #ff0000'>Labeled Faces in The Wild</span> (LFW) is a database of face photographs designed for studying the problem of unconstrained face recognition.</span></div><div class='hero_subdesc'><span class='bgpad'>It includes 13,456 images of 4,432 people's images copied from the Internet during 2002-2004. + <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style='color: #ff0000'>Labeled Faces in The Wild</span> (LFW) is the first facial recognition dataset created entirely from online photos</span></div><div class='hero_subdesc'><span class='bgpad'>It includes 13,456 images of 4,432 people's images copied from the Internet during 2002-2004 and is the most frequently used dataset in the world for benchmarking face recognition algorithms. </span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Created</div><div>2002 – 2004</div></div><div><div class='gray'>Images</div><div>13,233</div></div><div><div class='gray'>Identities</div><div>5,749</div></div><div><div class='gray'>Origin</div><div>Yahoo! News Images</div></div><div><div class='gray'>Used by</div><div>Facebook, Google, Microsoft, Baidu, Tencent, SenseTime, Face++, CIA, NSA, IARPA</div></div><div><div class='gray'>Website</div><div><a href="http://vis-www.cs.umass.edu/lfw">umass.edu</a></div></div></div><ul> <li>There are about 3 men for every 1 woman in the LFW dataset<a class="footnote_shim" name="[^lfw_www]_1"> </a><a href="#[^lfw_www]" class="footnote" title="Footnote 1">1</a></li> <li>The person with the most images is <a href="http://vis-www.cs.umass.edu/lfw/person/George_W_Bush_comp.html">George W. Bush</a> with 530</li> @@ -38,6 +37,7 @@ <li>* denotes partial funding for related research</li> </ul> </div><h2>Labeled Faces in the Wild</h2> +<p>(PAGE UNDER DEVELOPMENT)</p> <p><em>Labeled Faces in The Wild</em> (LFW) is "a database of face photographs designed for studying the problem of unconstrained face recognition<a class="footnote_shim" name="[^lfw_www]_2"> </a><a href="#[^lfw_www]" class="footnote" title="Footnote 1">1</a>. It is used to evaluate and improve the performance of facial recognition algorithms in academic, commercial, and government research. According to BiometricUpdate.com<a class="footnote_shim" name="[^lfw_pingan]_1"> </a><a href="#[^lfw_pingan]" class="footnote" title="Footnote 3">3</a>, LFW is "the most widely used evaluation set in the field of facial recognition, LFW attracts a few dozen teams from around the globe including Google, Facebook, Microsoft Research Asia, Baidu, Tencent, SenseTime, Face++ and Chinese University of Hong Kong."</p> <p>The LFW dataset includes 13,233 images of 5,749 people that were collected between 2002-2004. LFW is a subset of <em>Names of Faces</em> and is part of the first facial recognition training dataset created entirely from images appearing on the Internet. The people appearing in LFW are...</p> <p>The <em>Names and Faces</em> dataset was the first face recognition dataset created entire from online photos. However, <em>Names and Faces</em> and <em>LFW</em> are not the first face recognition dataset created entirely "in the wild". That title belongs to the <a href="/datasets/ucd_faces/">UCD dataset</a>. Images obtained "in the wild" means using an image without explicit consent or awareness from the subject or photographer.</p> @@ -58,7 +58,7 @@ </div> --> <p> - To understand how this dataset has been used around the world... + To understand how LFW has been used around the world... affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast </p> @@ -80,6 +80,20 @@ The data is generated by collecting all citations for all original research papers associated with the dataset. Then the PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, actual use of the dataset can not yet be confirmed. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced. </p> </section><section> + <h3>Who used LFW?</h3> + + <p> + This bar chart presents a ranking of the top countries where citations originated. Mouse over individual columns + to see yearly totals. Colors are only assigned to the top 10 overall 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> <div class="hr-wave-holder"> @@ -89,6 +103,7 @@ <h2>Supplementary Information</h2> </section><section class="applet_container"> + <h3>Citations</h3> <p> Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates @@ -99,18 +114,6 @@ </p> <div class="applet" data-payload="{"command": "citations"}"></div> -</section><section> - <h3>Who used ?</h3> - - <p> - This bar chart presents a ranking of the top countries where citations originated. Mouse over individual columns - to see yearly totals. Colors are only assigned to the top 10 overall countries. - </p> - - </section> - -<section class="applet_container"> - <div class="applet" data-payload="{"command": "chart"}"></div> </section><section><h3>Commercial Use</h3> <p>Add a paragraph about how usage extends far beyond academia into research centers for largest companies in the world. And even funnels into CIA funded research in the US and defense industry usage in China.</p> </section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_commercial_use.csv", "fields": ["name_display, company_url, example_url, country, description"]}'></div></section><section><p>Research, text, and graphics ©Adam Harvey / megapixels.cc</p> diff --git a/site/public/datasets/lfw/right-to-removal/index.html b/site/public/datasets/lfw/right-to-removal/index.html deleted file mode 100644 index 5dc269b2..00000000 --- a/site/public/datasets/lfw/right-to-removal/index.html +++ /dev/null @@ -1,62 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="LFW: Labeled Faces in The Wild" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content"> - - <section><h1>Labeled Faces in the Wild</h1> -<h2>Right to Removal</h2> -<p>If you are affected by disclosure of your identity in this dataset please do contact the authors. Many have stated that they are willing to remove images upon request. The authors of the LFW dataset provide the following email for inquiries:</p> -<p>You can use the following message to request removal from the dataset:</p> -<p>To: Gary Huang <a href="mailto:mailto:gbhuang@cs.umass.edu">mailto:gbhuang@cs.umass.edu</a></p> -<p>Subject: Request for Removal from LFW Face Dataset</p> -<p>Dear [researcher name],</p> -<p>I am writing to you about the "Labeled Faces in The Wild Dataset". Recently I discovered that your dataset includes my identity and I no longer wish to be included in your dataset.</p> -<p>The dataset is being used thousands of companies around the world to improve facial recognition software including usage by governments for the purpose of law enforcement, national security, tracking consumers in retail environments, and tracking individuals through public spaces.</p> -<p>My name as it appears in your dataset is [your name]. Please remove all images from your dataset and inform your newsletter subscribers to likewise update their copies.</p> -<p>- [your name]</p> -<hr> -</section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/datasets/lfw/tables/index.html b/site/public/datasets/lfw/tables/index.html deleted file mode 100644 index dd460843..00000000 --- a/site/public/datasets/lfw/tables/index.html +++ /dev/null @@ -1,52 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="LFW: Labeled Faces in The Wild" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content"> - - <section><h1>Labeled Faces in the Wild</h1> -<h2>Tables</h2> -</section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_names_gender_kg_min.csv", "fields": ["Name, Images, Gender, Description"]}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_commercial_use.csv", "fields": ["name_display, company_url, example_url, country, description"]}'></div></section><section></section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/datasets/mars/index.html b/site/public/datasets/mars/index.html index 1ebf1138..b053b456 100644 --- a/site/public/datasets/mars/index.html +++ b/site/public/datasets/mars/index.html @@ -4,7 +4,7 @@ <title>MegaPixels</title> <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> - <meta name="description" content="MARS is a dataset of people..." /> + <meta name="description" content="Motion Analysis and Re-identification Set (MARS) is a dataset is collection of CCTV footage " /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> <link rel='stylesheet' href='/assets/css/fonts.css' /> @@ -21,14 +21,14 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-dataset"> - <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/mars/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style="color:#ffaa00">MARS</span> is a dataset of people...</span></div><div class='hero_subdesc'><span class='bgpad'>MARS includes... -</span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Collected</div><div>TBD</div></div><div><div class='gray'>Published</div><div>TBD</div></div><div><div class='gray'>Images</div><div>TBD</div></div><div><div class='gray'>Faces</div><div>TBD</div></div></div></div><h2>50 MARS</h2> + <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/mars/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style="color:#99ccee">Motion Analysis and Re-identification Set (MARS)</span> is a dataset is collection of CCTV footage </span></div><div class='hero_subdesc'><span class='bgpad'>The MARS dataset includes 1,191,003 of people used for training person re-identification algorithms +</span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Collected</div><div>TBD</div></div><div><div class='gray'>Published</div><div>TBD</div></div><div><div class='gray'>Images</div><div>TBD</div></div><div><div class='gray'>Faces</div><div>TBD</div></div></div></div><h2>Motion Analysis and Re-identification Set (MARS)</h2> +<p>(PAGE UNDER DEVELOPMENT)</p> <p>At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p> <p>Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat</p> </section><section> @@ -45,7 +45,7 @@ </div> --> <p> - To understand how this dataset has been used around the world... + To understand how MARS has been used around the world... affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast </p> @@ -76,6 +76,7 @@ <h2>Supplementary Information</h2> </section><section class="applet_container"> + <h3>Citations</h3> <p> Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates diff --git a/site/public/datasets/uccs/index.html b/site/public/datasets/uccs/index.html index 21d1e6bb..0283bf3b 100644 --- a/site/public/datasets/uccs/index.html +++ b/site/public/datasets/uccs/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/vgg_face2/index.html b/site/public/datasets/vgg_face2/index.html index d0a161cb..42e3b961 100644 --- a/site/public/datasets/vgg_face2/index.html +++ b/site/public/datasets/vgg_face2/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets/youtube_celebrities/index.html b/site/public/datasets/youtube_celebrities/index.html index f830eb3a..dd230926 100644 --- a/site/public/datasets/youtube_celebrities/index.html +++ b/site/public/datasets/youtube_celebrities/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/datasets_v0/index.html b/site/public/datasets_v0/index.html deleted file mode 100644 index 19e8fda1..00000000 --- a/site/public/datasets_v0/index.html +++ /dev/null @@ -1,53 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="Facial Recognition Datasets" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content content-"> - - <section><h1>Facial Recognition Datasets</h1> -<p>Regular Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> -<h3>Summary</h3> -</section><section><div class='meta'><div><div class='gray'>Found</div><div>275 datasets</div></div><div><div class='gray'>Created between</div><div>1993-2018</div></div><div><div class='gray'>Smallest dataset</div><div>20 images</div></div><div><div class='gray'>Largest dataset</div><div>10,000,000 images</div></div></div><section><section><div class='meta'><div><div class='gray'>Highest resolution faces</div><div>450x500 (Unconstrained College Students)</div></div><div><div class='gray'>Lowest resolution faces</div><div>16x20 pixels (QMUL SurvFace)</div></div></div><section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file https://megapixels.nyc3.digitaloceanspaces.com/v1/citations/datasets.csv"}'></div></section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/datasets_v0/lfw/index.html b/site/public/datasets_v0/lfw/index.html deleted file mode 100644 index aefe393b..00000000 --- a/site/public/datasets_v0/lfw/index.html +++ /dev/null @@ -1,131 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="LFW: Labeled Faces in The Wild" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content content-"> - - <section><h1>Labeled Faces in the Wild</h1> -</section><section><div class='meta'><div><div class='gray'>Created</div><div>2007</div></div><div><div class='gray'>Images</div><div>13,233</div></div><div><div class='gray'>People</div><div>5,749</div></div><div><div class='gray'>Created From</div><div>Yahoo News images</div></div><div><div class='gray'>Search available</div><div>Searchable</div></div></div><section><section class='applet_container'><div class='applet' data-payload='{"command": "face_search"}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "name_search"}'></div></section><section class='fullwidth'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_feature.jpg' alt='Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.'><div class='caption'>Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.</div></div></section><section><h3>Intro</h3> -<p>Labeled Faces in The Wild (LFW) is among the most widely used facial recognition training datasets in the world and is the first of its kind to be created entirely from images posted online. The LFW dataset includes 13,233 images of 5,749 people that were collected between 2002-2004. Use the tools below to check if you were included in this dataset or scroll down to read the analysis.</p> -<p>Three paragraphs describing the LFW dataset in a format that can be easily replicated for the other datasets. Nothing too custom. An analysis of the initial research papers with context relative to all the other dataset papers.</p> -</section><section class='fullwidth'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_montage_everyone_nocrop_1920.jpg' alt=' From George W. Bush to Jamie Lee Curtis: all 5,749 people in the LFW Dataset sorted from most to least images collected.'><div class='caption'> From George W. Bush to Jamie Lee Curtis: all 5,749 people in the LFW Dataset sorted from most to least images collected.</div></div></section><section><h3>LFW by the Numbers</h3> -<ul> -<li>Was first published in 2007</li> -<li>Developed out of a prior dataset from Berkely called "Faces in the Wild" or "Names and Faces" [^lfw_original_paper]</li> -<li>Includes 13,233 images and 5,749 different people [^lfw_website]</li> -<li>There are about 3 men for every 1 woman (4,277 men and 1,472 women)[^lfw_website]</li> -<li>The person with the most images is George W. Bush with 530</li> -<li>Most people (70%) in the dataset have only 1 image</li> -<li>Thre are 1,680 people in the dataset with 2 or more images [^lfw_website]</li> -<li>Two out of 4 of the original authors received funding from the Office of Director of National Intelligence and IARPA for their 2016 LFW survey follow up report </li> -<li>The LFW dataset includes over 500 actors, 30 models, 10 presidents, 24 football players, 124 basketball players, 11 kings, and 2 queens</li> -<li>In all the LFW publications provided by the authors the words "ethics", "consent", and "privacy" appear 0 times [^lfw_original_paper], [^lfw_survey], [^lfw_tech_report] , [^lfw_website]</li> -<li>The word "future" appears 71 times</li> -</ul> -<h3>Facts</h3> -<ul> -<li>Was created for the purpose of improving "unconstrained face recognition" [^lfw_original_paper]</li> -<li>All images in LFW were obtained "in the wild" meaning without any consent from the subject or from the photographer</li> -<li>The faces were detected using the Viola-Jones haarcascade face detector [^lfw_website] [^lfw_survey]</li> -<li>Is considered the "most popular benchmark for face recognition" [^lfw_baidu]</li> -<li>Is "the most widely used evaluation set in the field of facial recognition" [^lfw_pingan]</li> -<li><p>Is used by several of the largest tech companies in the world including "Google, Facebook, Microsoft Research Asia, Baidu, Tencent, SenseTime, Face++ and Chinese University of Hong Kong." [^lfw_pingan]</p> -</li> -<li><p>All images were copied from Yahoo News between 2002 - 2004 [^lfw_original_paper]</p> -</li> -<li>SenseTime, who has relied on LFW for benchmarking their facial recognition performance, is the leading provider of surveillance to the Chinese Government</li> -</ul> -</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_montage_top1_640.jpg' alt=' former President George W. Bush'><div class='caption'> former President George W. Bush</div></div> -<div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_montage_top2_4_640.jpg' alt=' Colin Powell (236), Tony Blair (144), and Donald Rumsfeld (121)'><div class='caption'> Colin Powell (236), Tony Blair (144), and Donald Rumsfeld (121)</div></div></section><section><h3>People and Companies using the LFW Dataset</h3> -<p>This section describes who is using the dataset and for what purposes. It should include specific examples of people or companies with citations and screenshots. This section is followed up by the graph, the map, and then the supplementary material.</p> -<p>The LFW dataset is used by numerous companies for <a href="about/glossary#benchmarking">benchmarking</a> algorithms and in some cases <a href="about/glossary#training">training</a>. According to the benchmarking results page [^lfw_results] provided by the authors, over 2 dozen companies have contributed their benchmark results.</p> -<p>According to BiometricUpdate.com [^lfw_pingan], LFW is "the most widely used evaluation set in the field of facial recognition, LFW attracts a few dozen teams from around the globe including Google, Facebook, Microsoft Research Asia, Baidu, Tencent, SenseTime, Face++ and Chinese University of Hong Kong."</p> -<p>According to researchers at the Baidu Research – Institute of Deep Learning "LFW has been the most popular evaluation benchmark for face recognition, and played a very important role in facilitating the face recognition society to improve algorithm. [^lfw_baidu]."</p> -<p>In addition to commercial use as an evaluation tool, alll of the faces in LFW dataset are prepackaged into a popular machine learning code framework called scikit-learn.</p> -</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_screenshot_01.jpg' alt=' "PING AN Tech facial recognition receives high score in latest LFW test results"'><div class='caption'> "PING AN Tech facial recognition receives high score in latest LFW test results"</div></div> -<div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_screenshot_02.jpg' alt=' "Face Recognition Performance in LFW benchmark"'><div class='caption'> "Face Recognition Performance in LFW benchmark"</div></div> -<div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_screenshot_03.jpg' alt=' "The 1st place in face verification challenge, LFW"'><div class='caption'> "The 1st place in face verification challenge, LFW"</div></div></section><section><p>In benchmarking, companies use a dataset to evaluate their algorithms which are typically trained on other data. After training, researchers will use LFW as a benchmark to compare results with other algorithms.</p> -<p>For example, Baidu (est. net worth $13B) uses LFW to report results for their "Targeting Ultimate Accuracy: Face Recognition via Deep Embedding". According to the three Baidu researchers who produced the paper:</p> -<h3>Citations</h3> -<p>Overall, LFW has at least 116 citations from 11 countries.</p> -</section><section class='applet_container'><div class='applet' data-payload='{"command": "map"}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "citations"}'></div></section><section><h3>Conclusion</h3> -<p>The LFW face recognition training and evaluation dataset is a historically important face dataset as it was the first popular dataset to be created entirely from Internet images, paving the way for a global trend towards downloading anyone’s face from the Internet and adding it to a dataset. As will be evident with other datasets, LFW’s approach has now become the norm.</p> -<p>For all the 5,000 people in this datasets, their face is forever a part of facial recognition history. It would be impossible to remove anyone from the dataset because it is so ubiquitous. For their rest of the lives and forever after, these 5,000 people will continue to be used for training facial recognition surveillance.</p> -<h2>Code</h2> -</section><section><pre><code class="lang-python">#!/usr/bin/python - -import numpy as np -from sklearn.datasets import fetch_lfw_people -import imageio -import imutils - -# download LFW dataset (first run takes a while) -lfw_people = fetch_lfw_people(min_faces_per_person=1, resize=1, color=True, funneled=False) - -# introspect dataset -n_samples, h, w, c = lfw_people.images.shape -print(f'{n_samples:,} images at {w}x{h} pixels') -cols, rows = (176, 76) -n_ims = cols * rows - -# build montages -im_scale = 0.5 -ims = lfw_people.images[:n_ims] -montages = imutils.build_montages(ims, (int(w * im_scale, int(h * im_scale)), (cols, rows)) -montage = montages[0] - -# save full montage image -imageio.imwrite('lfw_montage_full.png', montage) - -# make a smaller version -montage_960 = imutils.resize(montage, width=960) -imageio.imwrite('lfw_montage_960.jpg', montage_960) -</code></pre> -</section><section><div class="footnotes"> -<hr> -<ol></ol> -</div> -</section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/datasets_v0/lfw/right-to-removal/index.html b/site/public/datasets_v0/lfw/right-to-removal/index.html deleted file mode 100644 index 338245bf..00000000 --- a/site/public/datasets_v0/lfw/right-to-removal/index.html +++ /dev/null @@ -1,61 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="LFW: Labeled Faces in The Wild" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content content-"> - - <section><h1>Labeled Faces in the Wild</h1> -<h2>Right to Removal</h2> -<p>If you are affected by disclosure of your identity in this dataset please do contact the authors. Many have stated that they are willing to remove images upon request. The authors of the LFW dataset provide the following email for inquiries:</p> -<p>You can use the following message to request removal from the dataset:</p> -<p>To: Gary Huang <a href="mailto:mailto:gbhuang@cs.umass.edu">mailto:gbhuang@cs.umass.edu</a></p> -<p>Subject: Request for Removal from LFW Face Dataset</p> -<p>Dear [researcher name],</p> -<p>I am writing to you about the "Labeled Faces in The Wild Dataset". Recently I discovered that your dataset includes my identity and I no longer wish to be included in your dataset.</p> -<p>The dataset is being used thousands of companies around the world to improve facial recognition software including usage by governments for the purpose of law enforcement, national security, tracking consumers in retail environments, and tracking individuals through public spaces.</p> -<p>My name as it appears in your dataset is [your name]. Please remove all images from your dataset and inform your newsletter subscribers to likewise update their copies.</p> -<p>- [your name]</p> -</section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/datasets_v0/lfw/tables/index.html b/site/public/datasets_v0/lfw/tables/index.html deleted file mode 100644 index 348a0759..00000000 --- a/site/public/datasets_v0/lfw/tables/index.html +++ /dev/null @@ -1,52 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="LFW: Labeled Faces in The Wild" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content content-"> - - <section><h1>Labeled Faces in the Wild</h1> -<h2>Tables</h2> -</section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_names_gender_kg_min.csv", "fields": ["Name, Images, Gender, Description"]}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_commercial_use.csv", "fields": ["name_display, company_url, example_url, country, description"]}'></div></section><section></section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/datasets_v0/vgg_face2/index.html b/site/public/datasets_v0/vgg_face2/index.html deleted file mode 100644 index 4f8cb550..00000000 --- a/site/public/datasets_v0/vgg_face2/index.html +++ /dev/null @@ -1,80 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="A large scale image dataset for face recognition" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content content-"> - - <section><h1>VGG Faces2</h1> -</section><section><div class='meta'><div><div class='gray'>Created</div><div>2018</div></div><div><div class='gray'>Images</div><div>3.3M</div></div><div><div class='gray'>People</div><div>9,000</div></div><div><div class='gray'>Created From</div><div>Scraping search engines</div></div><div><div class='gray'>Search available</div><div>[Searchable](#)</div></div></div><section><section><p>VGG Face2 is the updated version of the VGG Face dataset and now includes over 3.3M face images from over 9K people. The identities were selected by taking the top 500K identities in Google's Knowledge Graph of celebrities and then selecting only the names that yielded enough training images. The dataset was created in the UK but funded by Office of Director of National Intelligence in the United States.</p> -</section><section class='applet_container'><div class='applet' data-payload='{"command": "face_search"}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "name_search"}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_names_gender_kg_min.csv", "fields": ["Name, Images, Gender, Description"]}'></div></section><section><h3>VGG Face2 by the Numbers</h3> -<ul> -<li>1,331 actresses, 139 presidents</li> -<li>3 husbands and 16 wives</li> -<li>2 snooker player</li> -<li>1 guru</li> -<li>1 pornographic actress</li> -<li>3 computer programmer</li> -</ul> -<h3>Names and descriptions</h3> -<ul> -<li>The original VGGF2 name list has been updated with the results returned from Google Knowledge</li> -<li>Names with a similarity score greater than 0.75 where automatically updated. Scores computed using <code>import difflib; seq = difflib.SequenceMatcher(a=a.lower(), b=b.lower()); score = seq.ratio()</code></li> -<li>The 97 names with a score of 0.75 or lower were manually reviewed and includes name changes validating using Wikipedia.org results for names such as "Bruce Jenner" to "Caitlyn Jenner", spousal last-name changes, and discretionary changes to improve search results such as combining nicknames with full name when appropriate, for example changing "Aleksandar Petrović" to "Aleksandar 'Aco' Petrović" and minor changes such as "Mohammad Ali" to "Muhammad Ali"</li> -<li>The 'Description' text was automatically added when the Knowledge Graph score was greater than 250</li> -</ul> -<h2>TODO</h2> -<ul> -<li>create name list, and populate with Knowledge graph information like LFW</li> -<li>make list of interesting number stats, by the numbers</li> -<li>make list of interesting important facts</li> -<li>write intro abstract</li> -<li>write analysis of usage</li> -<li>find examples, citations, and screenshots of useage</li> -<li>find list of companies using it for table</li> -<li>create montages of the dataset, like LFW</li> -<li>create right to removal information</li> -</ul> -</section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file diff --git a/site/public/index.html b/site/public/index.html index cb357e3f..62f78978 100644 --- a/site/public/index.html +++ b/site/public/index.html @@ -28,7 +28,7 @@ </div> <footer> <div> - MegaPixels is an art and research project by Adam Harvey about the origins and ethics of facial analysis datasets + MegaPixels is an art and research project by Adam Harvey about the origins and ethics of facial analysis datasets, developed in partnership with Mozilla. </div> <div> MegaPixels ©2017-19 Adam R. Harvey / diff --git a/site/public/info/index.html b/site/public/info/index.html index 371a6520..ef7dc8db 100644 --- a/site/public/info/index.html +++ b/site/public/info/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/research/00_introduction/index.html b/site/public/research/00_introduction/index.html index b661b939..5c536dc4 100644 --- a/site/public/research/00_introduction/index.html +++ b/site/public/research/00_introduction/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -42,7 +41,17 @@ </div> </section> - <section><div class='meta'><div><div class='gray'>Posted</div><div>Dec. 15</div></div><div><div class='gray'>Author</div><div>Adam Harvey</div></div></div><section><section><p>Ever since the first computational facial recognition research project by the CIA in the early 1960s, data has always played a vital role in the development of our biometric future. Without facial recognition datasets there would be no facial recognition. Datasets are an indispensable part of any artificial intelligence system because, as Geoffrey Hinton points out:</p> + <section><div class='meta'><div><div class='gray'>Posted</div><div>Dec. 15</div></div><div><div class='gray'>Author</div><div>Adam Harvey</div></div></div><section><section><h3>Motivation</h3> +<p>Ever since government agencies began developing face recognition in the early 1960's, datasets of face images have always been central to developing and validating face recognition technologies. Today, these datasets no longer originate in labs, but instead from family photo albums posted on photo sharing sites, surveillance camera footage from college campuses, search engine queries for celebrities, cafe livestreams, or <a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">videos on YouTube</a>.</p> +<p>During the last year, hundreds of these facial analysis datasets created "in the wild" have been collected to understand how they contribute to a global supply chain of biometric data that is powering the global facial recognition industry.</p> +<p>While many of these datasets include public figures such as politicians, athletes, and actors; they also include many non-public figures: digital activists, students, pedestrians, and semi-private shared photo albums are all considered "in the wild" and fair game for research projects. Some images are used with creative commons licenses, yet others were taken in unconstrained scenarios without awareness or consent. At first glance it appears many of the datasets were created for seemingly harmless academic research, but when examined further it becomes clear that they're also used by foreign defense agencies.</p> +<p>The MegaPixels site is based on an earlier <a href="https://ahprojects.com/megapixels-glassroom">installation</a> (also supported by Mozilla) at the <a href="https://theglassroom.org/">Tactical Tech Glassroom</a> in London in 2017; and a commission from the Elevate arts festival curated by Berit Gilma about pedestrian recognition datasets in 2018, and research during <a href="https://cvdazzle.com">CV Dazzle</a> from 2010-2015. Through the many prototypes, conversations, pitches, PDFs, and false starts this project has endured during the last 5 years, it eventually evolved into something much different than originally imagined. Now, as datasets become increasingly influential in shaping the computational future, it's clear that they must be critically analyzed to understand the biases, shortcomings, funding sources, and contributions to the surveillance industry. However, it's misguided to only criticize these datasets for their flaws without also praising their contribution to society. Without publicly available facial analysis datasets there would be less public discourse, less open-source software, and less peer-reviewed research. Public datasets can indeed become a vital public good for the information economy but as this projects aims to illustrate, many ethical questions arise about consent, intellectual property, surveillance, and privacy.</p> +<!-- who provided funding to research, development this project understand the role these datasets have played in creating biometric surveillance technologies. --> + + + + +<p>Ever since the first computational facial recognition research project by the CIA in the early 1960s, data has always played a vital role in the development of our biometric future. Without facial recognition datasets there would be no facial recognition. Datasets are an indispensable part of any artificial intelligence system because, as Geoffrey Hinton points out:</p> <blockquote><p>Our relationship to computers has changed. Instead of programming them, we now show them and they figure it out. - <a href="https://www.youtube.com/watch?v=-eyhCTvrEtE">Geoffrey Hinton</a></p> </blockquote> <p>Algorithms learn from datasets. And we program algorithms by building datasets. But datasets aren't like code. There's no programming language made of data except for the data itself.</p> diff --git a/site/public/research/01_from_1_to_100_pixels/index.html b/site/public/research/01_from_1_to_100_pixels/index.html index 87a08886..c91d17ad 100644 --- a/site/public/research/01_from_1_to_100_pixels/index.html +++ b/site/public/research/01_from_1_to_100_pixels/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -79,6 +78,7 @@ </ul> <ul> <li>"Note that we only keep the images with a minimal side length of 80 pixels." and "a face will be labeled as “Ignore” if it is very difficult to be detected due to blurring, severe deformation and unrecognizable eyes, or the side length of its bounding box is less than 32 pixels." Ge_Detecting_Masked_Faces_CVPR_2017_paper.pdf </li> +<li>IBM DiF: "Faces with region size less than 50x50 or inter-ocular distance of less than 30 pixels were discarded. Faces with non-frontal pose, or anything beyond being slightly tilted to the left or the right, were also discarded."</li> </ul> <div class="footnotes"> <hr> diff --git a/site/public/research/02_what_computers_can_see/index.html b/site/public/research/02_what_computers_can_see/index.html index 6826955f..9389bf84 100644 --- a/site/public/research/02_what_computers_can_see/index.html +++ b/site/public/research/02_what_computers_can_see/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> @@ -127,6 +126,149 @@ <li>Wearing Necktie</li> <li>Wearing Necklace</li> </ul> +<h2>From Market 1501</h2> +<p>The 27 attributes are:</p> +<table> +<thead><tr> +<th style="text-align:center">attribute</th> +<th style="text-align:center">representation in file</th> +<th style="text-align:center">label</th> +</tr> +</thead> +<tbody> +<tr> +<td style="text-align:center">gender</td> +<td style="text-align:center">gender</td> +<td style="text-align:center">male(1), female(2)</td> +</tr> +<tr> +<td style="text-align:center">hair length</td> +<td style="text-align:center">hair</td> +<td style="text-align:center">short hair(1), long hair(2)</td> +</tr> +<tr> +<td style="text-align:center">sleeve length</td> +<td style="text-align:center">up</td> +<td style="text-align:center">long sleeve(1), short sleeve(2)</td> +</tr> +<tr> +<td style="text-align:center">length of lower-body clothing</td> +<td style="text-align:center">down</td> +<td style="text-align:center">long lower body clothing(1), short(2)</td> +</tr> +<tr> +<td style="text-align:center">type of lower-body clothing</td> +<td style="text-align:center">clothes</td> +<td style="text-align:center">dress(1), pants(2)</td> +</tr> +<tr> +<td style="text-align:center">wearing hat</td> +<td style="text-align:center">hat</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">carrying backpack</td> +<td style="text-align:center">backpack</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">carrying bag</td> +<td style="text-align:center">bag</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">carrying handbag</td> +<td style="text-align:center">handbag</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">age</td> +<td style="text-align:center">age</td> +<td style="text-align:center">young(1), teenager(2), adult(3), old(4)</td> +</tr> +<tr> +<td style="text-align:center">8 color of upper-body clothing</td> +<td style="text-align:center">upblack, upwhite, upred, uppurple, upyellow, upgray, upblue, upgreen</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">9 color of lower-body clothing</td> +<td style="text-align:center">downblack, downwhite, downpink, downpurple, downyellow, downgray, downblue, downgreen,downbrown</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +</tbody> +</table> +<p>source: <a href="https://github.com/vana77/Market-1501_Attribute/blob/master/README.md">https://github.com/vana77/Market-1501_Attribute/blob/master/README.md</a></p> +<h2>From DukeMTMC</h2> +<p>The 23 attributes are:</p> +<table> +<thead><tr> +<th style="text-align:center">attribute</th> +<th style="text-align:center">representation in file</th> +<th style="text-align:center">label</th> +</tr> +</thead> +<tbody> +<tr> +<td style="text-align:center">gender</td> +<td style="text-align:center">gender</td> +<td style="text-align:center">male(1), female(2)</td> +</tr> +<tr> +<td style="text-align:center">length of upper-body clothing</td> +<td style="text-align:center">top</td> +<td style="text-align:center">short upper body clothing(1), long(2)</td> +</tr> +<tr> +<td style="text-align:center">wearing boots</td> +<td style="text-align:center">boots</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">wearing hat</td> +<td style="text-align:center">hat</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">carrying backpack</td> +<td style="text-align:center">backpack</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">carrying bag</td> +<td style="text-align:center">bag</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">carrying handbag</td> +<td style="text-align:center">handbag</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">color of shoes</td> +<td style="text-align:center">shoes</td> +<td style="text-align:center">dark(1), light(2)</td> +</tr> +<tr> +<td style="text-align:center">8 color of upper-body clothing</td> +<td style="text-align:center">upblack, upwhite, upred, uppurple, upgray, upblue, upgreen, upbrown</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +<tr> +<td style="text-align:center">7 color of lower-body clothing</td> +<td style="text-align:center">downblack, downwhite, downred, downgray, downblue, downgreen, downbrown</td> +<td style="text-align:center">no(1), yes(2)</td> +</tr> +</tbody> +</table> +<p>source: <a href="https://github.com/vana77/DukeMTMC-attribute/blob/master/README.md">https://github.com/vana77/DukeMTMC-attribute/blob/master/README.md</a></p> +<h2>From H3D Dataset</h2> +<p>The joints and other keypoints (eyes, ears, nose, shoulders, elbows, wrists, hips, knees and ankles) +The 3D pose inferred from the keypoints. +Visibility boolean for each keypoint +Region annotations (upper clothes, lower clothes, dress, socks, shoes, hands, gloves, neck, face, hair, hat, sunglasses, bag, occluder) +Body type (male, female or child)</p> +<p>source: <a href="https://www2.eecs.berkeley.edu/Research/Projects/CS/vision/shape/h3d/">https://www2.eecs.berkeley.edu/Research/Projects/CS/vision/shape/h3d/</a></p> </section> </div> diff --git a/site/public/research/index.html b/site/public/research/index.html index e78e34c6..303732f8 100644 --- a/site/public/research/index.html +++ b/site/public/research/index.html @@ -21,14 +21,13 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> <div class="content content-"> <section><h1>Research Blog</h1> -</section><div class='research_index'><a href='/research/00_introduction/'><section class='wide'><img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' alt='Research post' /><section><h1>00: Introduction</h1><h2></h2></section></section></a><a href='/research/01_from_1_to_100_pixels/'><section class='wide'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/research/01_from_1_to_100_pixels/assets/intro.jpg' alt='Research post' /><section><h1>From 1 to 100 Pixels</h1><h2>A breif description of this post, appears in the index page overview</h2></section></section></a></div> +</section> </div> <footer> diff --git a/site/public/test/chart/index.html b/site/public/test/chart/index.html index fce4dbe7..fd3d690e 100644 --- a/site/public/test/chart/index.html +++ b/site/public/test/chart/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/citations/index.html b/site/public/test/citations/index.html index 7c21c3d6..3dafd81e 100644 --- a/site/public/test/citations/index.html +++ b/site/public/test/citations/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/csv/index.html b/site/public/test/csv/index.html index 3c45f57b..3257716f 100644 --- a/site/public/test/csv/index.html +++ b/site/public/test/csv/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/datasets/index.html b/site/public/test/datasets/index.html index 5290dce3..15edf039 100644 --- a/site/public/test/datasets/index.html +++ b/site/public/test/datasets/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/face_search/index.html b/site/public/test/face_search/index.html index c4f6af23..93dc2bc6 100644 --- a/site/public/test/face_search/index.html +++ b/site/public/test/face_search/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/gallery/index.html b/site/public/test/gallery/index.html index 6f0af1d0..9e2c54f6 100644 --- a/site/public/test/gallery/index.html +++ b/site/public/test/gallery/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/index.html b/site/public/test/index.html index 5931f360..8a4ec3fb 100644 --- a/site/public/test/index.html +++ b/site/public/test/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/map/index.html b/site/public/test/map/index.html index b7e58290..fd5a186d 100644 --- a/site/public/test/map/index.html +++ b/site/public/test/map/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/name_search/index.html b/site/public/test/name_search/index.html index dbb566fe..4e3ef428 100644 --- a/site/public/test/name_search/index.html +++ b/site/public/test/name_search/index.html @@ -21,7 +21,6 @@ </a> <div class='links'> <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> <a href="/about/">About</a> </div> </header> diff --git a/site/public/test/style/index.html b/site/public/test/style/index.html deleted file mode 100644 index 2a41b8b1..00000000 --- a/site/public/test/style/index.html +++ /dev/null @@ -1,90 +0,0 @@ -<!doctype html> -<html> -<head> - <title>MegaPixels</title> - <meta charset="utf-8" /> - <meta name="author" content="Adam Harvey" /> - <meta name="description" content="MegaPixels Style" /> - <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> - <link rel='stylesheet' href='/assets/css/fonts.css' /> - <link rel='stylesheet' href='/assets/css/tabulator.css' /> - <link rel='stylesheet' href='/assets/css/css.css' /> - <link rel='stylesheet' href='/assets/css/leaflet.css' /> - <link rel='stylesheet' href='/assets/css/applets.css' /> -</head> -<body> - <header> - <a class='slogan' href="/"> - <div class='logo'></div> - <div class='site_name'>MegaPixels</div> - <span class='sub'>The Darkside of Datasets</span> - </a> - <div class='links'> - <a href="/datasets/">Datasets</a> - <a href="/research/">Research</a> - <a href="/about/">About</a> - </div> - </header> - <div class="content"> - - <section><h1>Style Examples</h1> -<h3><a href="/test/">← Back to test index</a></h3> -</section><section class='wide'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/test.jpg' alt='Style Guide Test'><div class='caption'>Style Guide Test</div></div></section><section><div class='meta'><div><div class='gray'>Date</div><div>17-Jan-2019</div></div><div><div class='gray'>Numbers</div><div>17</div></div><div><div class='gray'>Identities</div><div>12,139</div></div><div><div class='gray'>But also</div><div>This is a test of the stylesheet</div></div></div></section><section><h1>Header 1</h1> -<h2>Header 2</h2> -<h3>Header 3</h3> -<h4>Header 4</h4> -<h5>Header 5</h5> -<h6>Header 6</h6> -<p><strong>Bold text</strong>, <em>italic text</em>, <strong><em>bold italic text</em></strong></p> -<p>At vero eos et et iusto qui blanditiis <a href="#">praesentium voluptatum</a> deleniti atque corrupti[^1], quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio[^2]. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus[^3].</p> -<ul> -<li>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</li> -<li>Totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo</li> -<li>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut</li> -<li>Odit aut fugit, sed quia consequuntur magni dolores eos</li> -<li>Qui ratione voluptatem sequi nesciunt, neque porro quisquam </li> -</ul> -<h3>single image test</h3> -</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='This person is alone'><div class='caption'>This person is alone</div></div></section><section><h3>double image test</h3> -</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='This person is on the left'><div class='caption'>This person is on the left</div></div> -<div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='This person is on the right'><div class='caption'>This person is on the right</div></div></section><section><h3>triple image test</h3> -</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='Person 1'><div class='caption'>Person 1</div></div> -<div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='Person 2'><div class='caption'>Person 2</div></div> -<div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='Person 3. Let me tell you about Person 3. This person has a very long description with text which wraps like crazy'><div class='caption'>Person 3. Let me tell you about Person 3. This person has a very long description with text which wraps like crazy</div></div></section><section><blockquote><p>est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non-numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem.</p> -</blockquote> -</section><section class='wide'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/wide-test.jpg' alt='This image is extremely wide and the text beneath it will wrap but thats fine because it can also contain <a href="https://example.com/">hyperlinks</a>! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam'><div class='caption'>This image is extremely wide and the text beneath it will wrap but that's fine because it can also contain <a href="https://example.com/">hyperlinks</a>! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam</div></div></section><section><p>Inline <code>code</code> has <code>back-ticks around</code> it.</p> -</section><section><pre><code class="lang-javascript">var s = "JavaScript syntax highlighting"; -alert(s); -</code></pre> -</section><section><pre><code class="lang-python">s = "Python syntax highlighting" -print(s) -</code></pre> -</section><section class='applet_container'><div class='applet' data-payload='{"command": "No language indicated, so no syntax highlighting. ", "fields": ["But let's throw in a <b>tag</b>."]}'></div></section><section><p>Horizontal rule</p> -<hr> -<p>Citations below here</p> -<div class="footnotes"> -<hr> -<ol></ol> -</div> -</section> - - </div> - <footer> - <div> - <a href="/">MegaPixels.cc</a> - <a href="/about/disclaimer/">Disclaimer</a> - <a href="/about/terms/">Terms of Use</a> - <a href="/about/privacy/">Privacy</a> - <a href="/about/">About</a> - <a href="/about/team/">Team</a> - </div> - <div> - MegaPixels ©2017-19 Adam R. Harvey / - <a href="https://ahprojects.com">ahprojects.com</a> - </div> - </footer> -</body> - -<script src="/assets/js/dist/index.js"></script> -</html>
\ No newline at end of file |