{"id":21,"date":"2026-04-07T14:11:22","date_gmt":"2026-04-07T14:11:22","guid":{"rendered":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/?page_id=21"},"modified":"2026-04-14T16:45:44","modified_gmt":"2026-04-14T16:45:44","slug":"technology-and-tools","status":"publish","type":"page","link":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/technology-and-tools\/","title":{"rendered":"Technology and Tools"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Photo grammar project uses several digital tools to collect, organize, and display its data. These tools help manage the large number of photographs and allow users to interact with the archive through maps and visualizations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The tools are used for different parts of the project:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Getting the data:<\/strong> collecting photographs and metadata from the Library of Congress<\/li>\n\n\n\n<li><strong>Processing the data:<\/strong> organizing and categorizing the images<\/li>\n\n\n\n<li><strong>Outputting the data:<\/strong> displaying it through maps, visualizations, and the project website<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Example Tool Used in the Project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One major tool used in the project is <strong>D3.js<\/strong>, a JavaScript library that helps create interactive data visualizations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Description of the Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">D3.js is an open-source tool that allows developers to create interactive charts, graphs, and visualizations directly on web pages. It connects data to visual elements so users can explore patterns and relationships.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.29.01-AM-1024x532.png\" alt=\"\" class=\"wp-image-46\" srcset=\"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.29.01-AM-1024x532.png 1024w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.29.01-AM-300x156.png 300w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.29.01-AM-768x399.png 768w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.29.01-AM-1536x798.png 1536w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.29.01-AM-2048x1064.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">How the Tool Is Used in Photogrammar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In Photogrammar, D3.js is used to create visualizations that show patterns in the photographic archive. For example, users can explore images through maps or other visual layouts that organize photos by category or location.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This helps users better understand the data instead of just viewing photos individually.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Other Uses of the Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Outside of this project, D3.js is widely used in Digital Humanities and data science projects. Researchers use it to create:<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3a88641f wp-block-group-is-layout-flex\">\n<ul class=\"wp-block-list\">\n<li>Data visualizations for research projects<\/li>\n\n\n\n<li>Interactive charts and graphs<\/li>\n\n\n\n<li>Online dashboards for large datasets<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.31.13-AM-1024x454.png\" alt=\"\" class=\"wp-image-48\" srcset=\"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.31.13-AM-1024x454.png 1024w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.31.13-AM-300x133.png 300w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.31.13-AM-768x341.png 768w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.31.13-AM-1536x682.png 1536w, https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-07-at-11.31.13-AM.png 1803w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Because of its flexibility, it is a common tool for projects that involve exploring large amounts of information.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Link to Digital Humanities<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Using tools like D3.js connects the project to Digital Humanities because it combines humanities research with digital technology. Instead of only studying historical images, the project uses digital methods to analyze and visualize them.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Documentation Assessment<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Photo grammar provides information about how its tools and visualizations work. While the explanations are not extremely technical, they give users enough context to understand how the data is organized and displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This Meets best practices because it uses interactive and user friendly tools to make the data accessible and easy to explore.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Photo grammar project uses several digital tools to collect, organize, and display its data. These tools help manage the large number of photographs and allow users to interact with the archive through maps and visualizations. The tools are used for different parts of the project: Example Tool Used in the Project One major tool [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":3,"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/pages\/21\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/classprojects.digitalwcu.org\/JWPhoto\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}