CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Work — Scott Murray — alignedleft</title> <meta name="description" content="Design, data, visualization, culture." /> <meta name="keywords" content="code, art, design, data, visualization, generative, algorithmic, processing, p5, d3, d3.js, book, maps" /> <meta name="robots" content="index, follow" /> <link rel="alternate" type="application/rss+xml" href="https://scottmurray.org/work/feed" /> <link rel="stylesheet" type="text/css" media="screen" href="https://scottmurray.org/assets/css/screen.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="https://scottmurray.org/assets/css/narrow.css" /> <meta name="viewport" content="initial-scale=1.0" /> <script src="https://scottmurray.org/assets/js/jquery-1.6.4.min.js"></script> <script src="https://scottmurray.org/assets/js/filters.js"></script> </head> <body id="projects"> <div id="migrationBanner"><p>This website is not current and will be retired at some point. See <a href="/about">About</a> for latest.</p></div> <header> <h1><a href="https://scottmurray.org">Scott Murray</a></h1> <nav> <ul> <li><a href="https://scottmurray.org/about">About</a></li> <li><a class="active" href="https://scottmurray.org/work">Work</a></li> <li><a href="https://scottmurray.org/tutorials">Tutorials</a></li> <li><a href="https://scottmurray.org/resources">Resources</a></li> <li><a href="https://scottmurray.org/talks">Talks</a></li> <li><a href="https://scottmurray.org/contact">Contact</a></li> </ul> </nav> </header>  <noscript> <div id="js_warning"><strong>JavaScript is turned off, so this page won’t be very interactive.</strong> Switch JavaScript back on in your web browser for the full experience.</div> </noscript> <h2>Work</h2> <ul id="filters"> <li id="clear"><a href="#">clear</a></li> </ul> <p id="nomore"><em>No projects</em> — deactivate some filters, or <a href="#">start over</a>.</p> <ul class="projects"> <li data-tags="javascript, web, print, writing"> <a href="https://scottmurray.org/work/unstuck-javascript"><img src="https://scottmurray.org/content/02-work/420-unstuck-javascript/thumb.png" alt="Unstuck: JavaScript"><br>Unstuck: JavaScript</a> </li> <li data-tags="web, interactive, d3, datavis, print, writing"> <a href="https://scottmurray.org/work/d3-book-2e"><img src="https://scottmurray.org/content/02-work/410-d3-book-2e/thumb.png" alt="Interactive Data Visualization for the Web, 2nd Ed."><br>Interactive Data Visualization for the Web, 2nd Ed.</a> </li> <li data-tags="d3, datavis, teaching"> <a href="https://scottmurray.org/work/d3-bocs"><img src="https://scottmurray.org/content/02-work/400-d3-bocs/thumb.png" alt="Knight Center Online Courses"><br>Knight Center Online Courses</a> </li> <li data-tags="d3, datavis, teaching, video"> <a href="https://scottmurray.org/work/d3-video-courses"><img src="https://scottmurray.org/content/02-work/390-d3-video-courses/thumb.png" alt="D3 Video Courses"><br>D3 Video Courses</a> </li> <li data-tags="print, writing"> <a href="https://scottmurray.org/work/changing-minds"><img src="https://scottmurray.org/content/02-work/380-changing-minds/thumb.png" alt="Changing Minds to Changing the World"><br>Changing Minds to Changing the World</a> </li> <li data-tags="print"> <a href="https://scottmurray.org/work/privilege-campaign"><img src="https://scottmurray.org/content/02-work/370-privilege-campaign/thumb.png" alt="Privilege Campaign"><br>Privilege Campaign</a> </li> <li data-tags="interactive, web, print, d3"> <a href="https://scottmurray.org/work/revamp-salon"><img src="https://scottmurray.org/content/02-work/360-revamp-salon/thumb.png" alt="Revamp Salon"><br>Revamp Salon</a> </li> <li data-tags="d3, datavis"> <a href="https://scottmurray.org/work/easy-as-pi"><img src="https://scottmurray.org/content/02-work/350-easy-as-pi/thumb.png" alt="ease()-y as Math.PI"><br>ease()-y as Math.PI</a> </li> <li data-tags="installation, interactive, processing"> <a href="https://scottmurray.org/work/geometric"><img src="https://scottmurray.org/content/02-work/340-geometric/thumb.png" alt="Geometric"><br>Geometric</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/ydi"><img src="https://scottmurray.org/content/02-work/330-ydi/thumb.png" alt="Commonwealth Youth Development Index"><br>Commonwealth Youth Development Index</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/kindred-britain"><img src="https://scottmurray.org/content/02-work/320-kindred-britain/thumb.png" alt="Kindred Britain"><br>Kindred Britain</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/ukpi"><img src="https://scottmurray.org/content/02-work/310-ukpi/thumb.png" alt="United Kingdom Peace Index"><br>United Kingdom Peace Index</a> </li> <li data-tags="web, interactive, d3, datavis, print, writing"> <a href="https://scottmurray.org/work/d3-book"><img src="https://scottmurray.org/content/02-work/300-d3-book/thumb.png" alt="Interactive Data Visualization for the Web"><br>Interactive Data Visualization for the Web</a> </li> <li data-tags="web, interactive, d3, narrative"> <a href="https://scottmurray.org/work/downton-ipsum"><img src="https://scottmurray.org/content/02-work/290-downton-ipsum/thumb.png" alt="Downton Ipsum"><br>Downton Ipsum</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/gti"><img src="https://scottmurray.org/content/02-work/280-gti/thumb.png" alt="Global Terrorism Index"><br>Global Terrorism Index</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/gpi"><img src="https://scottmurray.org/content/02-work/270-gpi/thumb.png" alt="Global Peace Index"><br>Global Peace Index</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/the-cost-of-water"><img src="https://scottmurray.org/content/02-work/260-the-cost-of-water/thumb.png" alt="The Cost of Water"><br>The Cost of Water</a> </li> <li data-tags="web, interactive, datavis, d3"> <a href="https://scottmurray.org/work/uspi"><img src="https://scottmurray.org/content/02-work/250-uspi/thumb.png" alt="United States Peace Index"><br>United States Peace Index</a> </li> <li data-tags="web, interactive, processing"> <a href="https://scottmurray.org/work/happy-new-near-2012"><img src="https://scottmurray.org/content/02-work/240-happy-new-near-2012/thumb.png" alt="Happy New Year 2012"><br>Happy New Year 2012</a> </li> <li data-tags="web, interactive"> <a href="https://scottmurray.org/work/myjobbert"><img src="https://scottmurray.org/content/02-work/230-myjobbert/thumb.png" alt="MyJobbert"><br>MyJobbert</a> </li> <li data-tags="processing"> <a href="https://scottmurray.org/work/rotating-type"><img src="https://scottmurray.org/content/02-work/220-rotating-type/thumb.png" alt="Rotating Type"><br>Rotating Type</a> </li> <li data-tags="datavis, narrative, processing"> <a href="https://scottmurray.org/work/dictionary-words"><img src="https://scottmurray.org/content/02-work/210-dictionary-words/thumb.png" alt="Dictionary Words"><br>Dictionary Words</a> </li> <li data-tags="processing, performance"> <a href="https://scottmurray.org/work/performative"><img src="https://scottmurray.org/content/02-work/205-performative/thumb.png" alt="Performative"><br>Performative</a> </li> <li data-tags="datavis, print, processing, 3d"> <a href="https://scottmurray.org/work/ibm-smarter-planet"><img src="https://scottmurray.org/content/02-work/200-ibm-smarter-planet/thumb.jpg" alt="IBM Smarter Planet"><br>IBM Smarter Planet</a> </li> <li data-tags="interactive, web, wordpress"> <a href="https://scottmurray.org/work/northwest-network"><img src="https://scottmurray.org/content/02-work/190-northwest-network/thumb.png" alt="The Northwest Network"><br>The Northwest Network</a> </li> <li data-tags="3d, datavis, interactive"> <a href="https://scottmurray.org/work/feeling-globe"><img src="https://scottmurray.org/content/02-work/180-feeling-globe/thumb.png" alt="Feeling Globe"><br>Feeling Globe</a> </li> <li data-tags="interactive, web"> <a href="https://scottmurray.org/work/girguis-laboratory"><img src="https://scottmurray.org/content/02-work/170-girguis-laboratory/thumb.jpg" alt="Girguis Laboratory"><br>Girguis Laboratory</a> </li> <li data-tags="interactive, web, wordpress"> <a href="https://scottmurray.org/work/food-literacy-project"><img src="https://scottmurray.org/content/02-work/160-food-literacy-project/thumb.png" alt="Food Literacy Project"><br>Food Literacy Project</a> </li> <li data-tags="interactive, installation, video, datavis, narrative, processing, print"> <a href="https://scottmurray.org/work/dynamic-systems-of-engagement"><img src="https://scottmurray.org/content/02-work/140-dynamic-systems-of-engagement/thumb.png" alt="Dynamic Systems of Engagement"><br>Dynamic Systems of Engagement</a> </li> <li data-tags="print, processing, ascii"> <a href="https://scottmurray.org/work/ascii-matthew-carter"><img src="https://scottmurray.org/content/02-work/130-ascii-matthew-carter/thumb.png" alt="ASCII Matthew Carter"><br>ASCII Matthew Carter</a> </li> <li data-tags="interactive, installation, video, datavis, processing, narrative"> <a href="https://scottmurray.org/work/practice"><img src="https://scottmurray.org/content/02-work/120-practice/thumb.png" alt="Practice"><br>Practice</a> </li> <li data-tags="interactive, installation, video, processing"> <a href="https://scottmurray.org/work/cheeky"><img src="https://scottmurray.org/content/02-work/110-cheeky/thumb.png" alt="Cheeky"><br>Cheeky</a> </li> <li data-tags="interactive, datavis, processing"> <a href="https://scottmurray.org/work/questions-and-answers"><img src="https://scottmurray.org/content/02-work/100-questions-and-answers/thumb.png" alt="Questions & Answers"><br>Questions & Answers</a> </li> <li data-tags="interactive, datavis, processing"> <a href="https://scottmurray.org/work/colortools"><img src="https://scottmurray.org/content/02-work/90-colortools/thumb.png" alt="ColorTools"><br>ColorTools</a> </li> <li data-tags="interactive, datavis, processing, 3d"> <a href="https://scottmurray.org/work/colormapper"><img src="https://scottmurray.org/content/02-work/80-colormapper/thumb.png" alt="ColorMapper"><br>ColorMapper</a> </li> <li data-tags="video, datavis"> <a href="https://scottmurray.org/work/drawerscan"><img src="https://scottmurray.org/content/02-work/70-drawerscan/thumb.jpg" alt="DrawerScan"><br>DrawerScan</a> </li> <li data-tags="interactive, datavis, processing"> <a href="https://scottmurray.org/work/relationship-visualizer"><img src="https://scottmurray.org/content/02-work/60-relationship-visualizer/thumb.png" alt="Relationship Visualizer"><br>Relationship Visualizer</a> </li> <li data-tags="interactive, datavis, processing"> <a href="https://scottmurray.org/work/bart-trains"><img src="https://scottmurray.org/content/02-work/50-bart-trains/thumb.png" alt="BART Train Arrivals Visualization"><br>BART Train Arrivals Visualization</a> </li> <li data-tags="interactive, datavis, 3d, processing"> <a href="https://scottmurray.org/work/itunes-visualization"><img src="https://scottmurray.org/content/02-work/40-itunes-visualization/thumb.png" alt="iTunes Visualization"><br>iTunes Visualization</a> </li> <li data-tags="interactive, installation, video, processing"> <a href="https://scottmurray.org/work/gesture-project"><img src="https://scottmurray.org/content/02-work/30-gesture-project/thumb.png" alt="Gesture Project"><br>Gesture Project</a> </li> <li data-tags="interactive, datavis, processing"> <a href="https://scottmurray.org/work/search-explorer"><img src="https://scottmurray.org/content/02-work/20-search-explorer/thumb.png" alt="Search Explorer"><br>Search Explorer</a> </li> <li data-tags="interactive, installation, video, print, processing, ascii"> <a href="https://scottmurray.org/work/ascii-photo-booth"><img src="https://scottmurray.org/content/02-work/10-ascii-photo-booth/thumb.png" alt="ASCII Photo Booth"><br>ASCII Photo Booth</a> </li> </ul> <footer> <p>Copyright © 2006–2024 Scott Murray</p> </footer> </body> </html>