Homework 4
From Protein Prediction 2 Winter Semester 2014
Due Nov. 13
For this exercise, please fork https://github.com/pp2-ex/homework-3 (More information about git in the next exercise or at try.github.io, or at this successful git branching model)
We provided a live parser for reddit.com for you for this exercise! It fetches and parses every two seconds the 26 highest ranked posts in reddit.com. The data has following attributes:
- id which is a unique id for this post
- title which is the post title
- score which is the current score of this post
- diff which is the current score - the previous score (2 seconds ago)
- (if you like you can inspect the data for even more attributes :) )
Currently the standard visualization is listing those entries as SVG text tags in an SVG tag called "redditsvg". The visualization uses d3js. Have a look at http://pp2-ex.github.io/homework-3/
- Your Task till Nov 13
- Understand the current implementation of the function runvis() in vis.js. What does it do? How does the code handles d3 entry, update and exit?
- Replace this code with your own ideas (for example: posts and scores can be represented as barchart which automatically updates itself) and present those in our next class on Nov 14th.
- Publish your results to Github pages (=special git branch named
gh-pages
) (Optional) - Add your github page to the table below (Optional)
We are looking forward to your ideas!
Name | Link to Github pages (opt.) | Description (opt.) |
---|---|---|
Default | https://pp2-ex.github.io/homework-3 | |
Ahsan Ziaullah / Vasantha Kumari Kommanapalli | http://ahsanzia.github.io/homework-3/ http://ahsanzia.github.io/homework3b/ | Visualization |
Matheus Raszl / Diana Papyan | https://github.com/rasmath/homework4_Raszl_Papyan | Dynamic Circles with Tooltip |
Vinod Rajendran | https://vinodrajendran001.github.io/homework-3 | Bar chart |
Habtom Kahsay Gidey | http://habtom.github.io/homework-3/ | Rect Bars |
Akshit Malhotra | https://github.com/Akshit-/homework-3 | Histogram |
Irman A. | http://www.ezum.net/pp2-h3/ | - |
Sai kiran Krishna murthy | http://kiran002.github.io/homework-3/ | - |
Iris Shih | http://iriscshih.github.io/homework-3/ | Dynamic Circles with shorted text |
Agon Lohaj / Bardh Lohaj | http://agonlohaj.github.io/homework-3/ | Used dynamic bubbles and colors |
Pitfalls
- you have to use
gh-pages
branch for Github pages - if you access the github pages with https, you need to request the reddit data via https