Creating Building Bonbons

Process this! Development of a food-based instructional website Assignment: Create a demo site containing drafts of several components and pages of a “Building Bonbons” website. When complete, this website will offer background information, how-tos, and recipes to enthusiasts of bonbons and other bite-sized confectionery. The demo includes one instructional video. Visit the demo website at marciagray.net/play/building_bonbons. … Read more

Dog-breed interactive chart

This interactive graph was created as part of a final group project for a class on data visualization.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.

Recipe writing and design

Assignment: Take the “back-of-the-bag” Toll House cookie recipe and write it in two different ways modeled after cookbooks, food magazines, food writers, or food blogs. I took the assignment a step further and also formatted the recipes to capture the look and feel of the respective publications. The PDF contains a fictional Cooks Illustrated version of the … Read more

Data-viz course

Demo sites for a self-paced, asynchronous, instructorless tutorial on information graphics for college students or professionals. Assignment: Develop a lesson or two of a semester-long course, including supporting sections and activities.  This course includes a course introduction, a syllabus, and a section introducing several types of graphs with good and not-so-good examples of each. (Activities … Read more