Week 1! - Introduction

Last updated 2 months ago

Data Visualization For the Community Fall 2018

"The course will take me through the process of understanding data visualization role's in our information landscape, evaluating the kind of data that is best for visualization, and connecting with communities that provide and use the data". - From Data Visualization Syllabus.

My goal is to assist people understand the importance of data by placing it in a visual context. Such as Patterns, trends and correlations that might go unnoticed in raw text data can be seen and recognized easier with good visualization approach.

Potential Toolkit (Tech Stack)

I would like to use: Desktop: HTML/CSS/JS, Mobile: HTML5, Physical: Arduino + Processing.

Justification of your choice


HTML/CSS/JS, is generally simple to use for basic applications and open source capability. Because of this, frameworks are safe to use across the any platforms.


There is a number of great choice for mobile stack (such as Java and Swift). But, I made my decision to use HTML5 (Bootstrap): It has huge capability of supporting mobile coverage. The mobile covered include Safari on IOS, Native Android Browser, even Internet Explorer (Rest In Peace).


I went with Arduino + Processing choice. There are times when software completely breaks apart and have to rely on physical hardware. Luckily, I have used both Arduino and Processing IDE in my past. But, it is very primitive level of knowledge. I would like to learn and how Arduino and Processing can be used in Data Visualization world.

Tool History & Society

HTML is a markup language for creating content on the Internet. I would often describe this tool as a "skeleton" of the website. HTML was originally used for researchers to use and share documents in 1980s by Tim Berners-Lee. After many years later, HTML 5 specifically was first introduced in January 22nd 2008. The goals are to support the latest multimedia platforms and simplify the complexity of HTML language.

CSS (Cascading Style Sheets) is a language that how HTML codes are to be displayed on screen, paper, or in other media platforms. I would often describe it as a "skin" of the website. Before CSS was introduced, there was very little way to change the design of a website. Hakon Wium Lie released the first draft of “Cascading HTML Style Sheets” in October 1994. It took 3 years for any browser to fully implementing CSS. So in December 1996 they released CSS1, which supported basic visual functionalities (images, tables, text, background, etc.). With the help of online communities and open-source, CSS3 bas become the standard language along with HTML and JS.

JS (JavaScript) is an object-oriented computer languages that make webpages interactive. JS was created by Brendan Eich in 1995 during his time at Netscape. Earlier version of JS was often compared as web version for Java and had many flaws. After many years later, with vast help from online community and its popularity, Javascript has become the "standard" programming language of the web.

Arduino + Processing

Use Cases / Examples

The LinkedIn mobile application is a good example of a HTML5 application. It wrapped into an Adobe PhoneGap like iOS container, but it is mostly HTML5.

Facebook, Instagram, etc. uses HTML/CSS/JS

Constraints / Challenges

Nothing so far!

Tutorial Process

Bootstrap (HTML and CSS based framework)