David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
Oct 16 Â - Introduction, BioJS, Technology Fundamentals (HTML, CSS, SVG)
Oct 23 Â - Technology Fundamentals (JavaScript, Git)
Oct 30  - Introduction to Interactive Data Visualization with D3
Nov 06 - Visualization: Best Practices
Nov 13 - Project Proposal
Nov 20 - Supervised Team Meeting
Dec 03 - Supervised Team Meeting
Dec 17 - Supervised Team Meeting
Jan 08 Â - Final Project Presentation (Prof. Rost)
Jan 15 Â - Submission to BioJS, Documentation
Â
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
Source: https://github.com/CS171/2014-lab1
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
joke by @timruffles
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
.select()
David Dao @daviddao_
.selectAll()
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
David Dao @daviddao_
//Data can be numbers
var data = [1, 1, 2, 3, 5, 8];
//Data can be objects
var data = [
{x: 10.0, y: 9.14},
{x: 8.0, y: 8.14},
{x: 13.0, y: 8.74},
{x: 9.0, y: 8.77},
{x: 11.0, y: 9.26}
];
David Dao @daviddao_
.data()
David Dao @daviddao_
enter, update & exit
David Dao @daviddao_
David Dao @daviddao_
.data(... ,key)
David Dao @daviddao_
git clone https://github.com/pp2-ex/homework-3.git
David Dao @daviddao_
David Dao @daviddao_
Course Book: Interactive Data Visualization for the Web by Scott Murray (2013)
Â
Chapter 4 - 12
David Dao @daviddao_
Mailing List
David Dao @daviddao_
David Dao @daviddao_