Class 02.02

Learn the process of data visualization.

STEPS

  1. Load Data ( load data from CSV file into object class )
  2. Analyze Data ( find the data range )
  3. Draw Shapes ( based on randomly generated data set )
  4. Mapping Color ( based on the data )
  5. Link Data ( to your generated graphs )
  6. Plot Data ( onto a big canvas )
  7. Export Data ( save as pdf )
  8. Refine and re-arrange your data graphs

Download: zip

meals

Class 02.01

Keynote

Class.02.01
 

Example Code

https://github.com/xyfeng/expressing-data/archive/master.zip

  • shape_basic (drawing basic shapes)
  • shape_diagram (using basic shapes to compose diagram)
  • shape_transform (using transform to create diagram)
  • color_spectrum (draw color spectrum in HSB mode)
  • color_spectrum_block (reduce color spectrum into color blocks)
  • color_spectrum_map (mapping color by using H/S/B)
  • color_lerp (get intermediary colors from two samples)
  • control_p5_basic (slider and text label)
  • control_p5_random (randomizing the graph)
  • control_p5_data (loading data into graph)

 

Reference

Curve:

Tutorial: https://www.processing.org/tutorials/curves/

Color:

ColorHunt: http://www.colorhunt.co/

NipponColor: http://nipponcolors.com/

HexToRGB: http://hex.colorrrs.com/

Class 01.02

Week 1, Class 2

  • Keynote: Class.01.02
  • Example Code: zip (or using github: https://github.com/xyfeng/expressing-data)
  • Assignments: link

Example Codes

  • parse_csv ( format data, csv file read & write )
  • save_json ( json object, json array, json save)
  • analyze_csv ( date object, OOP, min/max/total/average value, weights )
  • analyze_csv_sort ( array, array sort )
  • analyze_csv_filter ( array, array_list, array copy, array sort)
  • regex_demo ( regex )
  • cities_data ( nested for loop )

Regex