erikaris

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:

erikaris

Name: Erika Siregar
Assignment : Visualization Implementation (VI1)
Course: Information Visualization (CS725)
Semester : Spring 2015

---

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

Built with blockbuilder.org

erikaris

Name: Erika Siregar

• Assignment : Visualization Implementation (VI2)
• Course: Information Visualization (CS725)
• Semester : Spring 2015

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

Built with blockbuilder.org

My Tableau Charts:

erikaris

practice 1

erikaris

temporary gist to create transition chart

erikaris

Name: Erika Siregar

• Assignment : Visualization Implementation (VI3)
• Course: Information Visualization (CS725)
• Semester : Spring 2015

Working through the examples from Scott Murray's tutorial at http://alignedleft.com/tutorials/d3/ and tutorial from Jerome Cukier at http://www.jeromecukier.net/blog/2015/05/19/you-may-not-need-d3/

Built with blockbuilder.org

erikaris

Name: Erika Siregar

• Assignment : Visualization Implementation (VI4)
• Course: Information Visualization (CS725)
• Semester : Spring 2016

Explanation:

1. Bubble Chart
   
   • This bubble chart is intended to show the comparison between GDP per Capita and Life Expectancy in 15 Most Populous Contries in The World in 2014.
     

• Channels that are used:

erikaris

test..

erikaris

Name: Erika Siregar

• Assignment : Visualization Implementation (VI5)
• Course: Information Visualization (CS725)
• Semester : Spring 2016

• Rules of Thumbs: "overview first, zoom and filter, details on demand"
  
• Tutorial from:

  • http://bl.ocks.org/KoGor/5994804
    >* http://www.billdwhite.com/wordpress/2015/02/

erikaris

Name: Erika Siregar

• Assignment : Visualization Implementation (VI7)
• Course: Information Visualization (CS725)
• Semester : Spring 2016

• Node-link diagram and a matrix view of the adjacency between the contiguous US states and DC
• Tutorial from:

  • Node-link diagram: Force-Directed Graph
    >* Adjacent Matrix : Les Misérables Co-occurrence