├── Week 2 ├── Untitled-1 ├── img.png ├── hello.html ├── data.csv ├── data.json └── d3.html ├── d3.zip ├── Screen.png ├── Week 3 ├── Week4.png ├── image.png ├── data.json ├── Explain.html └── Ex1.html ├── ScreenPlaceholder.png ├── Week 1 └── demos │ ├── Assignment W1E2.gif │ ├── JS.html │ └── HTML_CSS.html ├── Screen.Shot.2016-03-01.at.1.20.54.AM.png ├── Explain.html ├── README.md └── readme-template.md /Week 2/Untitled-1: -------------------------------------------------------------------------------- 1 | 2 | 3 |

Hello World!

4 | 5 | -------------------------------------------------------------------------------- /Week 1/demos/Assignment W1E2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CristianFelix/infoviz/HEAD/Week 1/demos/Assignment W1E2.gif -------------------------------------------------------------------------------- /Screen.Shot.2016-03-01.at.1.20.54.AM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CristianFelix/infoviz/HEAD/Screen.Shot.2016-03-01.at.1.20.54.AM.png -------------------------------------------------------------------------------- /Week 2/data.csv: -------------------------------------------------------------------------------- 1 | Food,Deliciousness 2 | Apples,9 3 | Green Beans,5 4 | Egg Salad Sandwich,4 5 | Cookies,10 6 | Vegemite,0.2 7 | Burrito,7 -------------------------------------------------------------------------------- /Week 2/data.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "Food": "Apples", 3 | "Deliciousness": 9, 4 | "Sugar": 10 5 | }, 6 | { 7 | "Food": "Green Beans", 8 | "Deliciousness": 5, 9 | "Sugar": 2 10 | }, 11 | { 12 | "Food": "Egg Salad Sandwich", 13 | "Deliciousness": 4, 14 | "Sugar": 1 15 | }, 16 | { 17 | "Food": "Cookies", 18 | "Deliciousness": 10, 19 | "Sugar": 20 20 | }, 21 | { 22 | "Food": "Vegemite", 23 | "Deliciousness": 0.2, 24 | "Sugar": 0 25 | }, 26 | { 27 | "Food": "Burrito", 28 | "Deliciousness": 7, 29 | "Sugar": 4 30 | }] -------------------------------------------------------------------------------- /Week 3/data.json: -------------------------------------------------------------------------------- 1 | [{ 2 | "Food": "Apples", 3 | "Deliciousness": 9, 4 | "Sugar": 10 5 | }, 6 | { 7 | "Food": "Green Beans", 8 | "Deliciousness": 5, 9 | "Sugar": 2 10 | }, 11 | { 12 | "Food": "Egg Salad Sandwich", 13 | "Deliciousness": 4, 14 | "Sugar": 1 15 | }, 16 | { 17 | "Food": "Cookies", 18 | "Deliciousness": 10, 19 | "Sugar": 20 20 | }, 21 | { 22 | "Food": "Vegemite", 23 | "Deliciousness": 0.2, 24 | "Sugar": 0 25 | }, 26 | { 27 | "Food": "Burrito", 28 | "Deliciousness": 7, 29 | "Sugar": 4 30 | }] -------------------------------------------------------------------------------- /Explain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # InfoViz 2 | ## Git 3 | Git download - https://git-scm.com/downloads 4 | 5 | SetUp Git - https://help.github.com/articles/set-up-git/ 6 | 7 | gh-pages deploy 8 | ```sh 9 | git subtree push --prefix {folder} origin gh-pages 10 | ``` 11 | ##References 12 | ###HTML 13 | W3C - http://www.w3schools.com/html/ 14 | 15 | Mozilla - https://developer.mozilla.org/en-US/docs/Web/HTML/Element 16 | 17 | ###CSS 18 | W3C - http://www.w3schools.com/css/ 19 | 20 | Mozilla - https://developer.mozilla.org/en-US/docs/Web/CSS/Reference 21 | 22 | ###Editors 23 | Brackets - http://brackets.io/ 24 | 25 | Sublime Text - http://www.sublimetext.com/ 26 | 27 | Atom - https://atom.io/ 28 | 29 | Visual Studio Code - https://code.visualstudio.com/ 30 | 31 | ##Python HTTP Server 32 | ```python -m SimpleHTTPServer``` 33 | -------------------------------------------------------------------------------- /Week 3/Explain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 23 | -------------------------------------------------------------------------------- /readme-template.md: -------------------------------------------------------------------------------- 1 | #Title of your project 2 | ![alt text](https://raw.githubusercontent.com/CristianFelix/infoviz/master/Screen.png "Screenshot") 3 | 4 | **Authors**: Jhon Doe ([github-user-name](https://github.com/CristianFelix)), Mark San ([github-user-name](https://github.com/CristianFelix)) 5 | 6 | ##Description 7 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fringilla nec magna sed consequat. Nam condimentum, nisl sed pretium luctus, dui orci tristique nunc, a scelerisque nisi est hendrerit metus. Duis feugiat consectetur odio, in pellentesque neque consequat vel. Pellentesque auctor nec nisi maximus imperdiet. Proin id tristique augue, id bibendum augue. Cras bibendum molestie mi. Nulla a diam in ipsum tincidunt bibendum. Proin condimentum libero non lorem dapibus feugiat. 8 | 9 | **Video**: http://link-to-video.com 10 | 11 | **Demo**: http://link-to-demo.com 12 | 13 | **Document**: http://link-to-finalreport.com ... 14 | 15 | ##Install instructions (if needed) 16 | ###Requirements 17 | The systems has the following dependences: 18 | 19 | 1. **MongoDB**: to ... 20 | 2. **Nodejs 6+**: to ... 21 | 3. **Python**: to ... 22 | 23 | ###Runing 24 | 1. Start the database server 25 | 2. On the terminal run `node start.js` 26 | 3. Access `http://localhost:9200` 27 | 28 | -------------------------------------------------------------------------------- /Week 1/demos/JS.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | This is an Visualization 4 | 11 | 12 | 13 |

Title

14 |
15 |
16 | 17 | 18 | 19 |
20 | 22 | 23 | 48 | -------------------------------------------------------------------------------- /Week 1/demos/HTML_CSS.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | This is an Visualization 4 | 34 | 35 | 36 |

Title

37 |

Subtitle

38 |

This is a normal and long text

39 |
40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 |
Column1Column2
Column1Column2
52 | 57 |
    58 |
  1. Item 1
    2. 59 |
  2. Item 2
    3. 60 |
  3. Item 3
    4. 61 |
62 |
63 | 64 | -------------------------------------------------------------------------------- /Week 2/d3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Gapminder Wealth and Health 4 | 10 | 11 | 12 | 13 |

D3

14 | 15 | 16 |
17 | 18 | 19 | 20 | 61 | 62 | 63 | 64 | 65 | -------------------------------------------------------------------------------- /Week 3/Ex1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | 9 | My Title 13 | 17 | 18 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | --------------------------------------------------------------------------------