The Graphic

Your browser is completely ignoring the <APPLET> tag!

The Comment


A project of the Design Machine Group

Using Tracery you can:

  • Display or View an image in a web page.
  • Click on the image to activate a feedback panel.
  • Draw on the image or use text to comment on it.
  • Post the text and graphics to the server.

Principal developer: Brian Johnson,

iSchool presentation slides (pdf) (11/15/10)

November 15, 2010

About Tracery

Tracery makes graphic input available to web developers. To illustrate some of the ways it might be used, this site presents a "graphical bulletin board"--a place to draw and save graphics, but also a place to comment (verbally and graphically) on graphics already posted.

The image at far left is "hot" - click on it to access an interface through which you can draw or type your response to the graphic. Each image may have an associated comment, so you can offer comments on the image, or modifiy it, or both.

The thumbnails in the lower-left display the "family tree" for this discussion. Click any of the thumbnails to bring it "front and center".

Alternative Configurations

Home page
Sketchbook Sketching & Notes
SketchPad Shared serial sketching
Assignment Prompt & Response
CoQuilt Collaborative design

In Progress...
Homework submittal and grading

Usage Tips:

  • click on the "img" graphic to open a Markup Panel
  • change line weight or color using the menu in the lower-left corner of the drawing area.
  • click on the "Derivations" link below to view previous responses, or scroll down (you may need to refresh if something has been saved since this page was loaded).
  • If the display window is smaller than the actual image, you can use command+Click & drag to pan large drawings.
View Derivations (aka Drawing History)

November, 2010

Derivative graphics. [full screen]