Wednesday, 23 April 2014

Google Dynamic Charts - Bar Pie and Line Chart - code snippets

One image express thousand words, that's why we use images in our daily life, Personal & professional.
Reading full report is a difficult task and need hours to understand, but we get the chart of that report Its easy and need only few minutes to understand. That's why we use chart in our professional life.

Chart can have different types and each have its own quality. For Example
Pie Chart: It display percentage values as a slice of a pie.
Bar Chart: It display with rectangular bars with lengths proportional to the values that they represent. The bars can be plotted vertically OR horizontally.
line chart is a two-dimensional scatterplot of ordered observations where the observations are connected.


Google Create different types of chart on the fly. No installtion and no code download is required. Just pass all parameter and your desired chart is ready.

Its very quick. see below few examples. you will understand how Google make easy. 
Pie chart
Pie chart Example
<img alt="Pie chart Example" src="https://chart.googleapis.com/chart?chs=250x100&amp;chd=t:30,20,50&amp;cht=p3&amp;chl=Arun|Kuldeep|Ajit" title="Pie chart Example" />



Bar Chart

Bar chart Example
<img alt="Bar chart Example" src="https://chart.googleapis.com/chart?chs=320x200&amp;cht=bvs&amp;chd=t:_,30,-30,50,80,200&amp;chxt=y" title="Bar chart Example" />


Line Chart

Line chart Example
<img alt="Line chart Example" src="https://chart.googleapis.com/chart?chf=bg,s,FFFFFF00&amp;chxl=1:|16%2F04%2F2014|18%2F04%2F2014|20%2F04%2F2014|

21%2F04%2F2014|23%2F04%2F2014&amp;chxp=0,15,30|1,0,25,50,75,100&amp;chxr=0,0,30&amp;chxs=0,676767,11.5,0,t,676767|

1,6AA9E6,12,0,l,676767&amp;chxt=y,x&amp;chs=416x180&amp;cht=lc&amp;chco=6AA9E6&amp;chd=s:MWYYOOAKYKSWECEWCEEIQ1aESKIUMEEIOICECCCEEEMUYMMGQYQYKKOlWWIGECCCKGGGMMIfKGMKGGEOIGACAAtAGEEIQKMOMI

IQQIISGEECIACGAGUEUUUUcjMfOhKQYWIICGCIIGGIWjrKcjMMKCIMKCECCGIAGGUOSQrA&amp;chls=3&amp;chm=B,6AA9E664,0,0,0|h,E7E7E7,0,0.5,1,-1|h,AAAAAA,0,0,1,1|h,AAAAAA,0,1,1,1|

V,E7E7E7,0,0,1,-1|V,E7E7E7,0,42,1,-1|V,E7E7E7,0,84,1,-1|V,E7E7E7,0,126,1,-1|V,E7E7E7,0,168,1,-1
" title="Line chart Example" />





Tuesday, 8 April 2014

Facebook User Profile Get Custom Picture of Facebook User

Facebook User Profile Get Custom Picture of Facebook User


Today, Every one use the Facebook for social networking whether he is Student, Working Women, House wives, IT Professional or Business man etc. Everyone open Facebook account at-least once a day.

Due to huge use of Facebook profiles.  All Web application start integrate the Facebook plugins in their websites.
They Start using plugins like Registration, Like plugin, Comment box, Login/Logout functionalists and Chat implement.

Many times, we need to show the Profile pictures of Facebook users in web page. Sometimes you have to show the custom size of profile picture. If there is requirement of showing the custom images of profile user then you are very right place. Here we are giving you lot of example of custom size.

You can show the profile pictures in unlimited sizes. Just fill the height width parameter in URL and your profile picutre is ready. to show the Profile picture you need 1 parameter only and that is UID. UID is user id and facebook users and its unique.



If we have facebook profile Id, then we can get different facebook profile images with the following URLs.
http://graph.facebook.com/[UID]/picture?type=square
https://graph.facebook.com/[UID]/picture?width=[WIDTH]&height=[HEIGHT]
Here [UID] is Facebook Profile Id and [WIDTH]/[HEIGHT] is width/height



Very Small Profile Image(50 X 50)
Very Small Profile Image(50 X 50)
https://graph.facebook.com/1438566719/picture?width=50&height=50
Profile Thumbnail Profile Thumbnail
http://graph.facebook.com/1438566719/picture?type=square
Large Profile Image (300 X 300)
Large Profile Image (300 X 300)
https://graph.facebook.com/1438566719/picture?width=300&height=300



5 Best Related Posts are Following:1. Facebook comments box for website
2. Facebook login with javascript SDK example
3. Facebook User Profile Get Custom Picture of Facebook User
4. Facebook Login with JavaScript
5. Firebase Chat with Facebook and Twitter Integration