Name: Surbhi Shankar UIN: 01012632
Working through the examples from Scott Murray's tutorial at http://alignedleft.com/tutorials/d3/
Built with blockbuilder.org
Image and code from http://www.harding.edu/fmccown/r/
surabhishankar
surabhishankar
/ README.md
Last active
January 26, 2016 23:31
— forked from weiglemc/README.md
Information Visualization Implementation (VI1)
Surbhi Shankar 01012632
Q 1. This Bar Graph gives a statistics of count of passing yards per player. Also, we have used mapped conferences to colors in order to represent players along their corresponding conferences.
![R image] (http://s27.postimg.org/gdf0lnlcj/VI2_1.png "R image")
Q 2. Two interesting things that I chose to represent in this scatterplot are "Players" and "Pass Completions", along with conferences mapped to colors. This scatterplot gives the comparison of all the players with respect to the number of passes completed by them.
Surbhi Shankar
01012632
Three thigs that I learnt through the tutorials:
- Using "div" tag to include two separate codes in a single .html file.
- Creating eye pleasing Animations and Transitions using D3. Learning how to do transitions with different shapes and also by changing colors was the best experience.
- Plotting a scatterplot by defining X and Y axis.
Surbhi Shankar
01012632
I have used two different datasets to represent two graphs (data.csv and football.csv).
The data that I selected was huge and hence I have considered only required data.
Demonstration of channel types and channels:
Built with blockbuilder.org
Built with blockbuilder.org
forked from surabhishankar's block: V7666
Built with blockbuilder.org
Surbhi Shankar
01012632
The data that I selected was huge and hence I have considered only required data. (data.csv - the data is mentioned below)
I have used this data to represent "Get it right in black and white".
Graph 1 - This graph represents the census data for the selected states for a range of years. The data is repesented through a bar graph and there is no color hue to differentiate between the census data of different years. When there are no labels given, it does not make any sense to represent the data with only black and white colors. In order to get a powerful data vis representation of this data, we cannot use only black and white. Certain modifications are required.
Surbhi Shankar 01012632
Insight on the two graphs:
- Node-link Diagram - This a really interesting graph as we can identify the adjacent states effortlessly in the network representation. This representation gives a better understanding of the data. Also, with the color differentiation in the network with respect to regions, we can have an idea about how the states have been grouped.
Surbhi Shankar 01012632
a. As there was no color restrictions, I used three different colors (Red, Green and Blue) to represent the Groups.
b. These are the colorblind safe colors used. These entities can be differentiated even if the colors are replaced with grey scale. That is the advantage of having colorblind safe color palette.
c. Photocopy safe colors are used so that the brightness, intensity and lightness of the colors used are uniform. Hence, these I felt that these colors would be a good choice.
References:
OlderNewer