hungvietdo

Working through the examples from Scott Murray's tutorial at http://alignedleft.com/tutorials/d3/

Built with blockbuilder.org

Image and code from http://www.harding.edu/fmccown/r/

Embedding an image in Markdown:

hungvietdo

Hung Do; CS725:Information Visualization; Spring 2016; Computer Science; Old Dominion University

Built with blockbuilder.org

Working through the examples from Scott Murray's tutorial at http://alignedleft.com/tutorials/d3/

R image that using a dataset generated by D3 example. I use console.log(dataset) to get data.

hungvietdo

Student

• Hung Do; CS725:Information Visualization; Spring 2016;
• Computer Science; Old Dominion University

My notes:

Two comments from tableau:

• It is helpful to follow a tutorial about tableau. I found one from Lynda.com (ODU students can access at no cost).
• There is no coding involved in Tableau but there are a lot of functions to visualize data.

Three comments from D3:

hungvietdo

My notes

• Using Nathan's Hot Dog Contest datafile from flowingdata.com
• Changing tsv to csv to read in datafile w/o modification

Edit of mbostock's DRY Bar Chart

A variation of the example bar chart using a slightly more D.R.Y. style. The visual encoding is represented by two functions and their composition:

• The value accessor returns the value (or property) to encode for a given data object.
• The scale maps this value to a visual display encoding, such as a pixel position.

hungvietdo

Student

• Hung Do; CS725:Information Visualization; Spring 2016;
• Computer Science; Old Dominion University

My notes:

Two comments from tableau:

• It is helpful to follow a tutorial about tableau. I found one from Lynda.com (ODU students can access at no cost).
• There is no coding involved in Tableau but there are a lot of functions to visualize data.

Three comments from D3:

hungvietdo

---

Team Members: Srinivas Havanur Erika Siregar Hung Do Assignment: ICW2: Football data analysis

Course: Information Visualization

Semester: Spring 2016

hungvietdo

Scott Murray Tutorial

Jerome Cukier's Tutorial

hungvietdo

Built with blockbuilder.org

hungvietdo

Built with blockbuilder.org

hungvietdo

Student

• Hung Do; CS725:Information Visualization; Spring 2016;
• Computer Science; Old Dominion University

My notes:

Three things from D3:

• Know how to use domain() and range() to scale.
• Transition(), duration() make the visualization interactively.
• D3 interacts with dataset very easily.