Skip to content

Instantly share code, notes, and snippets.

View surabhishankar's full-sized avatar

surabhishankar

View GitHub Profile
Year Outbound Inbound Total Loaded Empty TEU Total TEU Total Container Container Cargo BreakBulk Tonnage Total General Cargo Total Ship Calls
2005 1.1523 15.4653 0.4987 15.964
2006 NA NA NA NA NA 1.1776 16.1058 0.4776 16.5835 2338
2007 1.2216 17.3565 0.3697 17.7263 2289
2008 0.9421 0.8583 1.8004 0.2829 2.0833 1.2009 17.4903 0.3429 17.8331 1933
2009 0.7918 0.6899 1.4817 0.2635 1.7452 0.9925 14.6796 0.2289 14.9085 1758
2010 0.8243 0.7667 1.591 0.304 1.895 1.0807 15.0688 0.2539 15.3227 1841
2011 0.8553 0.7689 1.6242 0.2938 1.918 1.1021 15.2684 0.3476 15.6159 1828
2012 0.9368 0.8703 1.8071 0.2988 2.1059 1.2098 17.1556 0.3721 17.5277 1966
2013 0.9988 0.9341 1.9329 0.2906 2.2235 1.2749 18.5042 0.3361 18.8403 1865
@surabhishankar
surabhishankar / README.md
Last active April 6, 2016 05:37
Visualization Implementation 10
@surabhishankar
surabhishankar / README.md
Last active March 31, 2016 00:00
Visualization Implementation 9
@surabhishankar
surabhishankar / README.md
Last active March 30, 2016 15:45
Visualization Implementation 9

Surbhi Shankar 01012632

Selection and highlighing enhances the view and makes it easier for the viewer to view the information. Although there is a bit of animation in this scatterplot, it is more effective because of the changing of size and highlighting players belonging to one particular kind of Conference. If we want information about one single Conference, then this scatterplot is a good choice. I have retained the different sizes of the circles (based on varying Rushing TD values) initially and after the animation. I chose this graph for highligting and animating because there are different sizes of circles already based on Rushing TD values and I wanted to see if it gets better with highlighting the circles with respect to particular Conference. Also, it gives some information about the Player when we hover over the circles which is helpful.

References:

https://bost.ocks.org/mike/

@surabhishankar
surabhishankar / README.md
Last active March 23, 2016 17:16
VI8 - Solution to Q3

Surbhi Shankar 01012632

a. This is Multi-Hue color map which represents diverging color sequence. I have used a range of colors from green to purple. These colors represent the five ranks in the dataset. These have a different range of colors and is appropriate to represent multi-hue color map.

b. Single-Hue of different shades of red is used to represent the ranks in the dataset. I have chosen red because it gave a clear view of different levels of red color. Also, it looked attractive.

References:

http://bl.ocks.org/weiglemc/bdc0474429e6567bc320

@surabhishankar
surabhishankar / README.md
Last active March 30, 2016 06:03
VI8 - Solution to Q2

Surbhi Shankar 01012632

a. There are no color restrictions here and hence I chose a set of eye pleasing colors to represent the five different conferences.

b. Here we have to represent five different conferences with five different colors. For this we require minimum of five bins. Colorblind safe and photocopy safe colors limit the number of bins and hence it is not possible to represent this graph with colorblind safe or photocopy safe version.

References:

http://bl.ocks.org/weiglemc/bdc0474429e6567bc320

@surabhishankar
surabhishankar / README.md
Last active March 23, 2016 17:15
VI8 - Solution to Q1

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:

@surabhishankar
surabhishankar / README.md
Last active March 16, 2016 13:40
Visualization Implementation 7

Surbhi Shankar 01012632

Insight on the two graphs:

  1. 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.
@surabhishankar
surabhishankar / README.md
Last active February 24, 2016 01:31
Visualization Implementation 5

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.

@surabhishankar
surabhishankar / README.md
Last active February 17, 2016 06:45
VI4_1