put chart on the dataset pages and write a lil copy

8 files changed, 32 insertions, 5 deletions

diff --git a/site/content/pages/datasets/brainwash/index.md b/site/content/pages/datasets/brainwash/index.md
index 83c30be8..c60bdb23 100644
--- a/site/content/pages/datasets/brainwash/index.md
+++ b/site/content/pages/datasets/brainwash/index.md
@@ -44,11 +44,11 @@ Since it's publication by Stanford in 2015, the Brainwash dataset has appeared i
 
 {% include 'map.html' %}
 
-
 {% include 'supplementary_header.html' %}
 
 {% include 'citations.html' %}
 
+{% include 'chart.html' %}
 
 ### Additional Information
 
diff --git a/site/content/pages/datasets/cofw/index.md b/site/content/pages/datasets/cofw/index.md
index 7a668cec..3b1cdb2b 100644
--- a/site/content/pages/datasets/cofw/index.md
+++ b/site/content/pages/datasets/cofw/index.md
@@ -44,6 +44,14 @@ Robust face landmark estimation under occlusion
 
 <https://www.cs.cmu.edu/~peiyunh/topdown/>
 
+{% include 'map.html' %}
+
+{% include 'supplementary_header.html' %}
+
+{% include 'citations.html' %}
+
+{% include 'chart.html' %}
+
 TODO
 
 - replace graphic
diff --git a/site/content/pages/datasets/lfw/index.md b/site/content/pages/datasets/lfw/index.md
index 7ccbfb0b..8d074501 100644
--- a/site/content/pages/datasets/lfw/index.md
+++ b/site/content/pages/datasets/lfw/index.md
@@ -52,6 +52,8 @@ The *Names and Faces* dataset was the first face recognition dataset created ent
 
 {% include 'citations.html' %}
 
+{% include 'chart.html' %}
+
 ### Commercial Use
 
 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.
diff --git a/site/includes/chart.html b/site/includes/chart.html
new file mode 100644
index 00000000..63108df1
--- /dev/null
+++ b/site/includes/chart.html
@@ -0,0 +1,11 @@
+<section>
+  <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="{&quot;command&quot;: &quot;chart&quot;}"></div>
+</section>
diff --git a/site/includes/citations.html b/site/includes/citations.html
index ed54b9b1..a37cc43a 100644
--- a/site/includes/citations.html
+++ b/site/includes/citations.html
@@ -1,6 +1,12 @@
 <section class="applet_container">
   <h3>Citations</h3>
-  <p>Add graph showing distribution by country. Add information about how the citations were generated. Add button/link to download CSV</p>
+  <p>
+    Citations 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
+  </p>
 
   <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div>
 </section>
\ No newline at end of file
diff --git a/site/public/datasets/brainwash/index.html b/site/public/datasets/brainwash/index.html
index 33a10dde..b52cbca3 100644
--- a/site/public/datasets/brainwash/index.html
+++ b/site/public/datasets/brainwash/index.html
@@ -32,7 +32,7 @@
 <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>Information Supply Chain</h3><!-- 	<div class="map-sidebar right-sidebar">	  <h3>Legend</h3>	  <ul>	    <li><span style="color: #f2f293">&#9632;</span> Industry</li>	    <li><span style="color: #f30000">&#9632;</span> Academic</li>	    <li><span style="color: #3264f6">&#9632;</span> Government</li>	  </ul>	</div>	 -->	<p>		To understand how and where this dataset has been used, organizations using the dataset are plotted below. The data is generated by collecting all citations for all the original research papers associated with the dataset. The PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, <span style="color:#ff8a72">not all organizations have been confirmed as using the dataset</span>. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.	</p>  </section><section class="applet_container"> <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div></section><div class="caption">	<div class="map-legend-item edu">Academic</div>	<div class="map-legend-item com">Industry</div>	<div class="map-legend-item gov">Government</div> 	Data is compiled from <a href="https://www.semanticscholar.org">Semantic Scholar</a> and not yet manually verified.</div><section>  <div class="hr-wave-holder">      <div class="hr-wave-line hr-wave-line1"></div>      <div class="hr-wave-line hr-wave-line2"></div>  </div>  <h2>Supplementary Information</h2></section><section class="applet_container">  <h3>Citations</h3>  <p>Add graph showing distribution by country. Add information about how the citations were generated. Add button/link to download CSV</p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section><h3>Additional Information</h3>
+</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>Information Supply Chain</h3><!-- 	<div class="map-sidebar right-sidebar">	  <h3>Legend</h3>	  <ul>	    <li><span style="color: #f2f293">&#9632;</span> Industry</li>	    <li><span style="color: #f30000">&#9632;</span> Academic</li>	    <li><span style="color: #3264f6">&#9632;</span> Government</li>	  </ul>	</div>	 -->	<p>		To understand how and where this dataset has been used, organizations using the dataset are plotted below. The data is generated by collecting all citations for all the original research papers associated with the dataset. The PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, <span style="color:#ff8a72">not all organizations have been confirmed as using the dataset</span>. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.	</p>  </section><section class="applet_container"> <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div></section><div class="caption">	<div class="map-legend-item edu">Academic</div>	<div class="map-legend-item com">Industry</div>	<div class="map-legend-item gov">Government</div> 	Data is compiled from <a href="https://www.semanticscholar.org">Semantic Scholar</a> and not yet manually verified.</div><section>  <div class="hr-wave-holder">      <div class="hr-wave-line hr-wave-line1"></div>      <div class="hr-wave-line hr-wave-line2"></div>  </div>  <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    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  </p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section>  <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="{&quot;command&quot;: &quot;chart&quot;}"></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>
 </ul>
diff --git a/site/public/datasets/cofw/index.html b/site/public/datasets/cofw/index.html
index 82842955..b4addd20 100644
--- a/site/public/datasets/cofw/index.html
+++ b/site/public/datasets/cofw/index.html
@@ -41,7 +41,7 @@ To increase the number of training images, and since  COFW has the exact same la
 <blockquote><p>This research is supported by NSF Grant 0954083 and by the Office of the Director of National Intelligence (ODNI), Intelligence Advanced Research Projects Activity (IARPA), via IARPA R&amp;D Contract No. 2014-14071600012.</p>
 </blockquote>
 <p><a href="https://www.cs.cmu.edu/~peiyunh/topdown/">https://www.cs.cmu.edu/~peiyunh/topdown/</a></p>
-<p>TODO</p>
+</section><section>		<h3>Information Supply Chain</h3><!-- 	<div class="map-sidebar right-sidebar">	  <h3>Legend</h3>	  <ul>	    <li><span style="color: #f2f293">&#9632;</span> Industry</li>	    <li><span style="color: #f30000">&#9632;</span> Academic</li>	    <li><span style="color: #3264f6">&#9632;</span> Government</li>	  </ul>	</div>	 -->	<p>		To understand how and where this dataset has been used, organizations using the dataset are plotted below. The data is generated by collecting all citations for all the original research papers associated with the dataset. The PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, <span style="color:#ff8a72">not all organizations have been confirmed as using the dataset</span>. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.	</p>  </section><section class="applet_container"> <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div></section><div class="caption">	<div class="map-legend-item edu">Academic</div>	<div class="map-legend-item com">Industry</div>	<div class="map-legend-item gov">Government</div> 	Data is compiled from <a href="https://www.semanticscholar.org">Semantic Scholar</a> and not yet manually verified.</div><section>  <div class="hr-wave-holder">      <div class="hr-wave-line hr-wave-line1"></div>      <div class="hr-wave-line hr-wave-line2"></div>  </div>  <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    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  </p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section>  <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="{&quot;command&quot;: &quot;chart&quot;}"></div></section><section><p>TODO</p>
 <h2>- replace graphic</h2>
 </section>
 
diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html
index f224e345..adad8aea 100644
--- a/site/public/datasets/lfw/index.html
+++ b/site/public/datasets/lfw/index.html
@@ -44,7 +44,7 @@
 <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>
 </section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/lfw_montage_all_crop.jpg' alt='All 5,379 people in the Labeled Faces in The Wild Dataset. Showing one face per person'><div class='caption'>All 5,379 people in the Labeled Faces in The Wild Dataset. Showing one face per person</div></div></section><section><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>
 <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>
-</section><section>		<h3>Information Supply Chain</h3><!-- 	<div class="map-sidebar right-sidebar">	  <h3>Legend</h3>	  <ul>	    <li><span style="color: #f2f293">&#9632;</span> Industry</li>	    <li><span style="color: #f30000">&#9632;</span> Academic</li>	    <li><span style="color: #3264f6">&#9632;</span> Government</li>	  </ul>	</div>	 -->	<p>		To understand how and where this dataset has been used, organizations using the dataset are plotted below. The data is generated by collecting all citations for all the original research papers associated with the dataset. The PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, <span style="color:#ff8a72">not all organizations have been confirmed as using the dataset</span>. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.	</p>  </section><section class="applet_container"> <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div></section><div class="caption">	<div class="map-legend-item edu">Academic</div>	<div class="map-legend-item com">Industry</div>	<div class="map-legend-item gov">Government</div> 	Data is compiled from <a href="https://www.semanticscholar.org">Semantic Scholar</a> and not yet manually verified.</div><section>  <div class="hr-wave-holder">      <div class="hr-wave-line hr-wave-line1"></div>      <div class="hr-wave-line hr-wave-line2"></div>  </div>  <h2>Supplementary Information</h2></section><section class="applet_container">  <h3>Citations</h3>  <p>Add graph showing distribution by country. Add information about how the citations were generated. Add button/link to download CSV</p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section><h3>Commercial Use</h3>
+</section><section>		<h3>Information Supply Chain</h3><!-- 	<div class="map-sidebar right-sidebar">	  <h3>Legend</h3>	  <ul>	    <li><span style="color: #f2f293">&#9632;</span> Industry</li>	    <li><span style="color: #f30000">&#9632;</span> Academic</li>	    <li><span style="color: #3264f6">&#9632;</span> Government</li>	  </ul>	</div>	 -->	<p>		To understand how and where this dataset has been used, organizations using the dataset are plotted below. The data is generated by collecting all citations for all the original research papers associated with the dataset. The PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, <span style="color:#ff8a72">not all organizations have been confirmed as using the dataset</span>. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.	</p>  </section><section class="applet_container"> <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div></section><div class="caption">	<div class="map-legend-item edu">Academic</div>	<div class="map-legend-item com">Industry</div>	<div class="map-legend-item gov">Government</div> 	Data is compiled from <a href="https://www.semanticscholar.org">Semantic Scholar</a> and not yet manually verified.</div><section>  <div class="hr-wave-holder">      <div class="hr-wave-line hr-wave-line1"></div>      <div class="hr-wave-line hr-wave-line2"></div>  </div>  <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    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  </p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section>  <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="{&quot;command&quot;: &quot;chart&quot;}"></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>
 </section><section><ul class="footnotes"><li><a name="[^lfw_www]" class="footnote_shim"></a><span class="backlinks"><a href="#[^lfw_www]_1">a</a><a href="#[^lfw_www]_2">b</a></span><p><a href="http://vis-www.cs.umass.edu/lfw/results.html">http://vis-www.cs.umass.edu/lfw/results.html</a></p>