Difference between revisions of "Homework 4"
From Protein Prediction 2 Winter Semester 2014
(→Due Nov. 13) |
(→Due Nov. 13) |
||
Line 18: | Line 18: | ||
# 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? |
# 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 |
+ | # 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 [https://help.github.com/articles/creating-project-pages-manually/ Github pages] (=special git branch named <code>gh-pages</code>) |
+ | # Publish your results to [https://help.github.com/articles/creating-project-pages-manually/ Github pages] (=special git branch named <code>gh-pages</code>) (Optional) |
− | # Add your github page to the table below |
+ | # Add your github page to the table below (Optional) |
We are looking forward to your ideas! |
We are looking forward to your ideas! |
||
Line 27: | Line 27: | ||
{| class="wikitable" |
{| class="wikitable" |
||
|- |
|- |
||
− | ! scope="col" width="15%" | Name !! scope="col" width="15%" | Link to Github pages !! scope="col" width="20%" | Description (opt.) |
+ | ! scope="col" width="15%" | Name !! scope="col" width="15%" | Link to Github pages (opt.) !! scope="col" width="20%" | Description (opt.) |
|- |
|- |
||
| Default || https://pp2-ex.github.io/homework-3 || |
| Default || https://pp2-ex.github.io/homework-3 || |
Revision as of 15:48, 10 November 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 | |
Name | link | description |
Pitfalls
- the
gh-pages
branch is used for Github pages - if you access the github pages with https, you need to request the reddit data via https