{"id":1908,"date":"2014-09-27T13:08:40","date_gmt":"2014-09-27T18:08:40","guid":{"rendered":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/newsroom14\/?p=883"},"modified":"2021-06-22T18:40:11","modified_gmt":"2021-06-22T22:40:11","slug":"no-code-required-new-knight-lab-tool-lets-anyone-make-comparisons","status":"publish","type":"post","link":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/2014\/09\/27\/no-code-required-new-knight-lab-tool-lets-anyone-make-comparisons\/","title":{"rendered":"No Code Required &#8211; New Knight Lab Tool Lets Anyone Make Comparisons"},"content":{"rendered":"<p>The Northwestern University Knight Lab released a new tool this week as part of their Publisher\u2019s Toolbox to help journalists show comparisons.<\/p>\n<p>JuxtaposeJS is a free, open source slider for content creators to illustrate change. It\u2019s as easy as linking to two similar media, like photos or gifs, and then copying and pasting the code into your website.<\/p>\n<p>The tool was created by Alex Duner, a student fellow at the Knight Lab. Duner is a sophomore journalism student minoring in computer science.<\/p>\n<p>JuxtaposeJS was Duner\u2019s first exposure to developing an entire tool. The idea was inspired by Miranda Mulligan, the Executive Director of the Knight Lab, who wanted an easy tool to show comparisons.<\/p>\n<p>It only took a few months to develop, Duner said, and the hardest part was ensuring the tool was flexible, simple and accessible enough for anyone to use in any type of scenario.<\/p>\n<p>The next step for the project is to incorporate other media forms, like video, and to develop other ways of comparing images, he said.<\/p>\n<p>\u201cI\u2019m excited to see what people do with it,\u201d Duner said.<\/p>\n<p>Below are scenes from around Chicago illustrating the difference between day and night.<strong> Move the slider left and right to see the differences.<\/strong><\/p>\n<p>They were created in minutes without having to write a line of code. The hardest part was cropping the images to make them align.<\/p>\n<div class=\"juxtapose\" style=\"margin-bottom: 20px\"><img decoding=\"async\" src=\"http:\/\/testing.journalists.org\/wp-content\/sites\/4\/2014\/09\/rivernight.jpg\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/testing.journalists.org\/wp-content\/sites\/4\/2014\/09\/riverday.jpg\" alt=\"\"><\/div>\n<div class=\"juxtapose\"><img decoding=\"async\" src=\"http:\/\/testing.journalists.org\/wp-content\/sites\/4\/2014\/09\/chicagonight.jpg\" alt=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/testing.journalists.org\/wp-content\/sites\/4\/2014\/09\/chicagoday.jpg\" alt=\"\"><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Northwestern University Knight Lab released a new tool this week as part of their Publisher\u2019s Toolbox to help journalists show comparisons. JuxtaposeJS is a free, open source slider for&hellip;<\/p>\n","protected":false},"author":10567,"featured_media":3778,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[480,185],"tags":[563],"powerkit_post_featured":[],"coauthors":[1227],"class_list":{"0":"post-1908","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-conference","8":"category-industry","9":"tag-ona14"},"jetpack_featured_media_url":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2014\/09\/juxtapose-1.jpg","jetpack_shortlink":"https:\/\/wp.me\/pd5Q1c-uM","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts\/1908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/users\/10567"}],"replies":[{"embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/comments?post=1908"}],"version-history":[{"count":2,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts\/1908\/revisions"}],"predecessor-version":[{"id":3930,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts\/1908\/revisions\/3930"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/media\/3778"}],"wp:attachment":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/media?parent=1908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/categories?post=1908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/tags?post=1908"},{"taxonomy":"powerkit_post_featured","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/powerkit_post_featured?post=1908"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/coauthors?post=1908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}