Page 1 of 3

Real-time infographics with C2 - Births & Death

PostPosted: Fri Dec 20, 2013 6:49 pm
by fishbottle


I'm using C2 to create some interactive animated infographics. This is the first one.
real-time live births and deaths infographic

Re: Real-time infographics with C2 - Births & Death

PostPosted: Sat Dec 21, 2013 6:46 am
by lemo
That's sick man
I wanna do this kind of stuff as well some time will actual real time APIs :]

Re: Real-time infographics with C2 - Births & Death

PostPosted: Sat Dec 21, 2013 8:01 pm
by fishbottle
yes, I would love to do stuff with real 'live' data. There is so much that can be done with the csv plugin, arrays etc but if anyone can point out any tutorials or posts on here that show how to use real live data feeds I'd very much appreciate it. (weather being the obvious)

Re: Real-time infographics with C2 - Births & Death

PostPosted: Sun Dec 22, 2013 5:36 am
by lemo
Hmm can do better than weather for more dynamic real time data

http://www.youtube.com/watch?v=Dz1NgH3GdMw

Digg lab was amazing when it was online

Re: Real-time infographics with C2 - Births & Death

PostPosted: Sun Dec 22, 2013 6:19 pm
by fishbottle
Yes, that's great, that's the kind of stuff I'm thinking of @lemo. I mentioned weather as it's the first live data source that most people figure out how to connect to, so I supposed that if anyone has had any success with C2 and live data it would most likely be something like that.

Re: Real-time infographics with C2 - Births & Death

PostPosted: Mon Dec 23, 2013 10:49 am
by Binkus
Awesome! smart stuff

Re: Real-time infographics with C2 - Births & Death

PostPosted: Mon Dec 23, 2013 8:12 pm
by fishbottle
Thanks Binkus!

Re: Real-time infographics with C2 - Births & Death

PostPosted: Tue Dec 24, 2013 5:32 am
by Noncentz705
Got the weather working yesterday ; Start by signing up at http://api.wunderground.com

"var div = document.createElement('div');div.id = 'weather';document.body.appendChild(div)"


("var uR = "&"'"&Build_string&"';"&";
jQuery(document).ready(function($) { $.ajax({ url : uR, dataType : 'jsonp', success :
function(parsed_json) {
var country = parsed_json['location']['country_name']; //Country Name
var state = parsed_json['location']['state']; // Abbreviated State for example IA
var location = parsed_json['location']['city']; //City Name
var zip = parsed_json['location']['zip']; //Zip code
var lat = parsed_json['location']['lat']; //Latitude
var lon = parsed_json['location']['lon']; //Longitude
var temp_f = parsed_json['current_observation']['temp_f']; // Temp in F
var temp_c = parsed_json['current_observation']['temp_c']; // Temp in C
var ob_url = parsed_json['current_observation']['ob_url']; // Full URL
var ico = parsed_json['current_observation']['icon']; // Icon name
var div = document.getElementById('weather');
div.innerHTML = ico+';'+ob_url+';'+country+';'+state+';'+location+';'+temp_f+';'+temp_c+';'+zip+';'+lat+';'+lon+';';
}})})")Noncentz7052013-12-30 02:53:31

Re: Real-time infographics with C2 - Births & Death

PostPosted: Fri Dec 27, 2013 2:53 pm
by fishbottle
Fantastic @Noncentz705 ! I cant wait to give this a try and dissect it as soon as I have some time. Thanks so much for sharing that.

Re: Real-time infographics with C2 - Births & Death

PostPosted: Fri Dec 27, 2013 3:37 pm
by Noncentz705
If you want it here's a quick capx example :
https://dl.dropboxusercontent.com/u/139218609/examples/weather.capx

There's a lot more information returned from the request then what i choose to list, chance of precipitation, wind speeds... Noncentz7052013-12-27 15:41:23