Information Designer Starter Pack

The course is aimed at providing an elementary training on the subject of data visualization, in order to provide the students with a suitable access-point to the wide field of information visualisation. They are therefore fostered to actively and constantly self inform themselves, so to understand which are the most spread tools and practices as well as the elements of innovation and the discussions in the field. Following, a list of websites that could act as a starting point for this exploration.

References

n.	Links
1	http://flowingdata.com/
2	http://collection.marijerooze.nl/
3	http://junkcharts.typepad.com/junk_charts/
4	https://www.reddit.com/r/MapPorn/
5	https://www.reddit.com/r/dataisbeautiful/
6	http://www.visualisingdata.com/resources/
7	https://www.pinterest.com/janwillemtulp/journalism/
8	https://www.pinterest.com/janwillemtulp/visualization/
9	http://www.theguardian.com/news/datablog+technology/data-visualisation
10	http://algopop.tumblr.com/
11	https://www.pinterest.com/donatoricci/maps-diagrams-and-other-similar-obsessions/
12	http://www.thefunctionalart.com/
13	http://fyi.soup.io/
14	http://bost.ocks.org/mike/

Tools

Tool	Comment
Brackets	Free, suggested for beginners in programming
BBEdit	Data handling (macOS)
Notepad++	Data handling (Windows)
Microsoft Excel	Available for free through the University's "Online Services"
OpenRefine	Before installing Open Refine, make sure you have the Java JRE installed, otherwise it might not work.
RAWGraphs.io	Custom visualizations starting from a spreadsheet. Best on Google Chrome.
Gephi	To create network visualizations.
Kepler	Cartographic visualizations on the web.

Online courses

Link	Description
https://www.codecademy.com/learn/learn-html	In just 7 hours, learn the basics of HTML5 and start building & editing web pages. Only chapter 1, 2 is optional.
https://www.codecademy.com/learn/learn-css	Learn how to style and visually organize HTML with CSS. This course covers version 3 of CSS.
https://www.codecademy.com/learn/make-a-website	Explore HTML & CSS fundamentals as you build a website in this introductory web development course. Only chapters 3 e 4
https://www.codecademy.com/learn/learn-responsive-design	Learn how to implement a responsive layout in your website
https://www.codecademy.com/learn/learn-jquery	Learn the basics of jQuery, a JavaScript library that allows you to easily add dynamic behavior to static web pages.
https://www.codecademy.com/learn/introduction-to-javascript	Learn the JavaScript fundamentals you'll need for front-end or back-end development.