Development of interactive data-visualization activity to support the goals of a website
In brief
This interactive game was created as part of a website on pet adoptions in Seattle.
Visit this page to see the game in its original context with full interactivity. (The images below are just screenshots.)
Skills and technologies applied
Chart design • D3.js • Data visualization • Graph design • HTML & CSS • Image curation • Image editing • Infographics • Information design • Interactive design • JavaScript • Web design
This fun and informative interactive game was created as part of a website encouraging pet adoptions in Seattle. The photo grid and individual graphs are generated on the fly via code I wrote in JavaScript and d3.js and a pet-registration data file of over 85,000 records. I also provided a color palette for the site.
Visit the site and interact with the game at https://marciagray.net/play/BAMJ-pets/#anchor_dog_breeds (suggested minimum broswer- or device-window width: 1250px.)