October 11, 2016

Encoding Data in Visualization

Today's Schedule

  • Review last week's homework
  • Encoding data in visualization
  • Coding example
  • Homework

Presentation Time

http://www.dave-landry.com/classes/artg4552-2016/random/

Encoding Data in Visualization

4 Main Attributes

  • Size
  • Color
  • Shape
  • Position

Size

  • Circle radius
  • Rectangle width/height
  • Arc radius
  • Line/stroke width

Color

  • Hue
  • Saturation
  • Lightness
  • Opacity

Shape

  • Geometry
  • Iconography

Position

  • X/Y
  • Rotation

Questions?

Code Time

Here's the code we finished class with: nathan.html

Questions?

Homework

Whether storing in a file on your computer or using an API, set up a test page that loads some of the data you need for your final project into Javascript using D3. Post your code to your GitHub page, and console.log the data you're able to load.

Don't worry about drawing anything based on the data, this exercise is solely for exploring data.