Home Page | UN Climate Change Conference | COP18 | Agenda | [Please note that this is an experimental platform and a work in progress.]
Frequency of Positive and Negative Tweets Related to #COP18
About
Tag cloud from #COP18 tweets

Embed this graph into your website

1. include jQuery and cop18p_frequency.js files in your template's <head>.

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="https://www.google.com/jsapi" type="text/javascript"></script>
<script language="javascript" src="http://sc1.qcri.org/cop18/cop_scripts/cop18p_frequency.js" type="text/javascript"></script>

2.Also in <head> add the css file or style using your stylesheet

<link rel="stylesheet" href="http://sc1.qcri.org/cop18/qcri_sentiMap.css" type="text/css" media=" screen "></link>

3.In <body>, include a placeholder for the curves. They'll get loaded in via JSONP

<div class="senOutBox"> <div class="titleBox">Frequency of Positive and Negative Tweets Related to #COP18 <div style="float:right"><a href="http://sc1.qcri.org/cop18/about.html" target="_blank" style="background:white">About</a></div></div> <div class="senBodyBox" id="senBodyBox"></div> </div>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
	if (window.attachEvent) {
	    window.attachEvent('onload', qcri_cop_frequency());
	} else {
	    window.addEventListener('load', qcri_cop_frequency(), false);
	}
</script>
Average Sentiment Over Time
About
Some selected tweets
Latest Tweets

Embed average sentiment graph into your website

1. include jQuery and cop18p_sentiment.js files in your template's <head>.

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="https://www.google.com/jsapi" type="text/javascript"></script>
<script language="javascript" src="http://sc1.qcri.org/cop18/cop_scripts/cop18p_sentiment.js" type="text/javascript"></script>

2.Also in <head> add the css file or style using your stylesheet

<link rel="stylesheet" href="http://sc1.qcri.org/cop18/qcri_sentiMap.css" media="screen" type="text/css"></link>

3.In <body>, include a placeholder for the curves. They'll get loaded in via JSONP

<div class="senOutBox"> <div class="titleBox">Sentiment over time of #COP18 related tweets <div style="float:right"><a href="http://sc1.qcri.org/cop18/about.html" target="_blank" style="background:white">About</a></div></div> <div class="senBodyBox1" id="senBodyBox1"></div> </div>
<script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
	if (window.attachEvent) {
	    window.attachEvent('onload', qcri_cop_sentiment());
	} else {
	    window.addEventListener('load', qcri_cop_sentiment(), false);
	}
</script>