-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 5.18 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="An exploration of the late 1800s through political cartoons of the era. Developed for an internship with the Library of Congress Labs as a demonstration of Cartoon Drawings Collection."><meta name="author" content="Jeffrey Shen"><title>Exploring the Late 1800s through Political Cartoons | LC Labs</title><!--link(rel = "icon" type = "image/png" sizes = "32x32" href = "assets/graphics/favicon.png")--><link href="bower_components/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css" rel="stylesheet" type="text/css"><link rel="stylesheet" type="text/css" href="bower_components/slick-carousel/slick/slick.css"><link rel="stylesheet" type="text/css" href="bower_components/slick-carousel/slick/slick-theme.css"><link href="dist/CSS/main.css" rel="stylesheet" type="text/css"></head><body><div id="wrapper"><h1>Exploring the Late 1800s through Political Cartoons</h1><p>The Library of Congress provides hundreds of historical political cartoons through its <a href = "https://www.loc.gov/collections/cartoon-drawings/about-this-collection/" target = "_blank">Cartoon Drawings</a> collection, dating mostly from the late 1800s to early 1900s. What do these cartoons say about that time period? </p><hr><h3>How to Use</h3><ul> <li>From the dropdown below, select subjects to explore.</li><li>The timeline is interactive. Hover over it!</li><li>You can browse the image slideshow below the timeline.</li></ul><br><label> Select topics: <select id="select-subject" onchange="selectSubject()"> </select></label><label> <input id="scale-graph" type="checkbox" name="scale" onchange="selectSubject()"> Scale results.*</label><div id="graphs"><div class="graph" id="main-graph"><svg></svg></div></div><br><p><i>* Certain years are overrepresented within the LoC's collection. This option scales the graph by the original dataset, to account for these intrinsic inequalities. However, because certain years will have very few cartoons, this feature MAY SKEW RESULTS.</i></p><br><div class="hidden" id="related-topics"><p>Related Topics (ranked by concurrence): <span id = "related-topics-list"></span></p><br></div><p id="slideshow-subject-name">All Images:</p><label class="label"> Choose year: <select id="select-year" onchange="selectYear()"></select></label><div id="images"></div><br><!--////////////////////////////////////////////////////--><h2>Methodology</h2><hr><p>Below are some specific notes about the creation of the project. For a more complete picture of how the project was developed, head over to this website's <a href = "https://github.com/jeffreyshen19/political-cartoon-visualizer" target = "_blank">Github</a>.</p><ul> <li>This project was created using the Library of Congress's <a href = "https://www.loc.gov/collections/cartoon-drawings/?fa=online-format:image%7Caccess-restricted:false" target = "_blank">Cartoon Drawings</a> collection. Specifically, the images analyzed were the ones available online and in the Public Domain (meaning before 1923, at the time of this project's creation). </li><li>Duplicate cartoons were removed from the collection. The Library of Congress's collection contained cartoons which were clearly identical, and had the exact same author, date of creation, and title. These images I removed computationally so as not to skew the results.</li><li>The "subjects" for each image were manually generated by the curators of the Cartoon Drawings collection. </li><li>For the purposes of this data visualization, I did not count certain subjects in my analysis. These tended to be terms like "American" or "Cartoon" which did not tell much about the actual image. For a full list of these "blacklisted" terms, see <a href = "./data/blacklisted-subjects.txt">here</a>. </li><li>I combined the subject "Hill, David B" with "Hill, David" because these terms represented the exact same set of images.</li><li>In the subject selection dropdown, only the subjects with more than 10 occurences are shown.</li><li>The events highlighted on the timeline were added by hand. A full list of events can be found <a href = "./data/events.json">here</a>.</li></ul><br><!--////////////////////////////////////////////////////--><h2>Sources and Further Reading</h2><hr><ul> <li>Source code for this project is available on <a href = "https://github.com/jeffreyshen19/political-cartoon-visualizer" target = "_blank">Github</a>.</li><li>To view the collection that this project uses, go <a href = "https://www.loc.gov/collections/cartoon-drawings/?fa=online-format:image%7Caccess-restricted:false" target = "_blank">here</a>.</li><li>To see other LC Labs projects, go <a href = "https://labs.loc.gov/experiments/" target = "_blank">here</a>.</li></ul><br><p> <i>Created by <a href = "http://jeffreyshen.com" target = "_blank">Jeffrey Shen</a> for the Library of Congress Labs.</i></p></div><script src="bower_components/jquery/dist/jquery.min.js"></script><script src="bower_components/slick-carousel/slick/slick.min.js"></script><script src="bower_components/d3/d3.min.js"></script><script src="dist/main-min.js"></script></body></html>