<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:v="urn:schemas-microsoft-com:vml"
      xml:lang="en" lang="en">
<head>
  <link rel="search" type="application/opensearchdescription+xml" title="Swivel" href="/swivel.xml">
  <meta name="verify-v1" content="NGoiZ/dwSwE3cf52f8oRGn2VtG83oamCENrxa5Gpzks=" />
  <meta name="verify-v1" content="8VDM30R7YFTLFM9w/ld4m9xn/VqV+0q27hI5lcNPd6I=" /> 
  <meta name="google-site-verification" content="HdvnuJ2XfBAmW-U_GumXRNCcc6quZSIjE2U34ml9kR0" />
  <meta http-equiv="imagetoolbar" content="no" />
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
  <meta name="Description" content="Swivel: Where Curious People Explore Data." />
  <meta name="Abstract" content="Swivel: Where Curious People Explore Data." />
  <meta name="Keywords" content="data, graphs, public data, shared graphs, shared data, statistics, data upload, data blogging, people, tables, search data, find data, swivel, swivel.com, data goodies, tasty data goodies, barrels of data" />
  <meta name="DC.rights"
        scheme="DCTERMS.URI"
        content="http://creativecommons.org/licenses/by/2.5/" />    
  <title>Edit Graph - Percent atheists, agnostics, non-believers in God by Country - Swivel</title>
  <!-- compliance patch for microsoft browsers -->
  <!--[if lt IE 8]>
  <link href="/stylesheets/html.css?1222897902" media="all" rel="Stylesheet" type="text/css" />
  <![endif]-->
  <link href="/stylesheets/core.css?1222897902" media="all" rel="Stylesheet" type="text/css" />
  <link href="/stylesheets/graphs.css?1222897902" media="all" rel="Stylesheet" type="text/css" />
  
  <link href="/stylesheets/graphs_share.css?1222897902" media="screen" rel="Stylesheet" type="text/css" />
  <style type="text/css">
    <!--
    #controls {
      padding: 4px;
    }
      #controls table {
        width: 100%;
        background-color: #eee;
      }
      #controls th, #controls td {
        border-left: solid 2px #ddd;
        padding: 4px 1ex;
        text-align: left;
      }
      #controls th:first-child, #controls td:first-child {
        border-left: none;
      }
      #controls th {
        font-size: 80%;
        text-align: left;
      }
      #controls td {
        vertical-align: top;
        border-bottom: solid 1px #ddd;
      }
      #controls ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
      }
      #controls a {
        font-size: 90%;
        text-decoration: none;
        padding: 2px 4px;
      }
      #controls a.current {
        color: #fff;
        background-color: #ccc;
        -moz-border-radius: 4px;
      }
      #controls input.text, #controls select {
        font-size: 90%;
      }
      #controls input#graph\[limit\] {
        width: 5ex;
      }
      #controls input#graph\[time_range\] {
        width: 25ex;
      }

    .template {
      margin: 0px 10px 10px;
    }
      .template h4 {
        color: #119933;
        margin: 0px;
      }
      .template img {
        margin-top: 10px;
      }
      .inplace_editable {
        border: solid 1px #999;
        background-color: #fff;
        padding: 2px;
        text-align: left;
      }
      #graph_citation {
        width: 600px;
        overflow: hidden;
      }
      #save_cancel {
        font-size: 130%;
        text-align: right;
        margin: 0px 1ex 4px; 
      }
      #loading img {
        margin-top: 150px;
      }      
    -->
  </style>


  <script src="/javascripts/prototype.js?1222897902" type="text/javascript"></script>
  <script src="/javascripts/effects.js?1222897902" type="text/javascript"></script>
  <script src="/javascripts/application.js?1222897902" type="text/javascript"></script>

  
  <script type="text/javascript">
  //<![CDATA[
    function loading(id) {
      new Effect.Appear('loading', {duration:0.2});
    }
    
    var saved_or_cancelled = true;
    
    window.onbeforeunload = function (evt) {
       if (saved_or_cancelled == true) {
         return;
       }
       var message = 'You will lose your changes.';
       if (typeof evt == 'undefined') {
         evt = window.event;
       }
       if (evt) {
         evt.returnValue = message;
       }
       return message;
    } 

  //]]>
  </script>

</head>
<body>
<div id="container">
<div id="header">
  <div id="logo">
    <a href="/"><img alt="Logo" src="/images/logo.png?1222897902" title="" /></a>
  </div>

  <div id="login_nav">
    
    

    <a href="/pantry">Confectionary</a>
    <a href="http://blog.swivel.com">Blog</a>

  <a href="/help/contextual_help" onclick="window.open(this.href,'Help','height=1024,width=768,left=600,top=300,scrollbars=yes');return false;">Help</a> 

    <a href="#" onclick="new Ajax.Updater('feedback_space', '/feedbacks/create?request_uri=%2Fgraphs%2Fedit%2F8244121', {asynchronous:true, evalScripts:true, onComplete:function(request){new Effect.SlideDown(&quot;feedback_space&quot;,{duration:0.2});new Effect.Fade(&quot;feedback_form_progress&quot;,{duration:0.2});}, onLoading:function(request){new Effect.Appear(&quot;feedback_form_progress&quot;,{duration:0.2});}}); return false;">Feedback</a>
    <img alt="Progress" id="feedback_form_progress" src="/images/icons/progress.gif?1222897902" style="display: none" title="" />

    
      <a href="/signup?return_to=%2Fgraphs%2Fedit%2F8244121">Sign Up!</a>
      <a href="/security?return_to=%2Fgraphs%2Fedit%2F8244121">Sign In</a>
    

    <div id="feedback_space" class="feedback_space" style="display: none"></div>
  </div>
  <div id="nav">

    
    <div id="nav_search">
      <style type="text/css">
      @import url(http://www.google.com/cse/api/branding.css);
      </style>
      <div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
        <div class="cse-branding-form">
          <form action="/search/results" id="cse-search-box">
            <div>
              <input type="hidden" name="cx" value="002211180275031966754:91sya-rsssu" />
              <input type="hidden" name="cof" value="FORID:9;NB:1" />
              <input type="hidden" name="ie" value="UTF-8" />
              <input type="text" name="q" size="31" />
              <input type="submit" name="sa" value="Search" class="button" />
            </div>
          </form>
        </div>
      </div>
    </div>
    
    <div id="tabs">
      <a href="/" class=" tab">Home</a>
      <a href="/graphs/index" class=" tab current">Graphs</a>
      <a href="/data_sets" class=" tab">Data</a>
      <a href="/users" class=" tab">People</a>
      <a href="/groups" class=" tab">Groups</a>
      
      <a href="/upload" class=" tab">Upload</a>
    </div>
    <div id="header_gradient"></div>
  </div>  
</div>

<div id="content">
  





<table class="ie_hack"><tr><td>

  <div id="save_cancel">
    <form action="/graphs/edit_update" method="post">
      
      <input class="button submit" name="save_as_new" onclick="saved_or_cancelled = true" type="submit" value="Save as new" />
      <input class="button submit" name="cancel" onclick="saved_or_cancelled = true" type="submit" value="Cancel" />
      <input class="text" id="id" name="id" type="hidden" value="37442760" />
    </form>
  </div>

  <div id="body">
    <div id="data">
      <div id="graph">
        <div id="controls">
            <table>
  <thead>
    <tr>
      <th>Type</th>
      <th>Scale</th>
      
        <th>Sort</th>
        <th>Show</th>
      
      <th>Display</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>
      <form action="/graphs/edit_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/edit_update?mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
        <select id="graph[graph_type]" name="graph[graph_type]" onchange="saved_or_cancelled = false; this.form.onsubmit();"><option value="BarGraph">Bar</option>
<option value="HorizontalBarGraph" selected="selected">Hbar</option>
<option value="ScatterGraph">Scatter</option>
<option value="LineGraph">Line</option>
<option value="PieGraph">Pie</option></select>
          <input class="text" id="id" name="id" type="hidden" value="37442760" />
      </form>
    </td>
    <td>
      <form action="/graphs/edit_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/edit_update?mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
        
        <select id="graph[scale]" name="graph[scale]" onchange="saved_or_cancelled = false; this.form.onsubmit();"><option value="absolute" selected="selected">Absolute</option>
<option value="average">Relative to Average</option>
<option value="range">Relative to Range</option></select>
          <input class="text" id="id" name="id" type="hidden" value="37442760" />
      </form>
    </td>
    
      <td>
      <form action="/graphs/edit_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/edit_update?mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
        
        <select id="graph[order_by_direction]" name="graph[order_by_direction]" onchange="saved_or_cancelled = false; this.form.onsubmit();"><option value="DESC">Highest</option>
<option value="ASC" selected="selected">Lowest</option>
<option value="ALPHABETICAL">Alphabetical</option>
<option value="UNSORTED">Unsorted</option></select>
        <input class="text" id="id" name="id" type="hidden" value="37442760" />
      </form>
      </td>
      <td>
        <form action="/graphs/edit_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/edit_update?mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
          <select id="limit_modifier" name="limit_modifier" onchange="if (this.value == 'all') {$('graph[limit]').value = 49;}"><option value="all" selected="selected">All</option>
<option value="limit">Limited to</option></select>
            <input class="text" id="graph[limit]" name="graph[limit]" onkeypress="$('limit_modifier').value = 'limit'" type="text" value="49" />
          Items
          <input class="submit" name="commit" onclick="saved_or_cancelled = false;" type="submit" value="&gt;" />
          <input class="text" id="id" name="id" type="hidden" value="37442760" />
        </form>
      </td>
    
    <td>
      <form action="/graphs/edit_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/edit_update?mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
        <select id="graph[aggregation_function]" name="graph[aggregation_function]" onchange="saved_or_cancelled = false; this.form.onsubmit();"><option value=""></option>
<option value="AvgFunction" selected="selected">Average</option>
<option value="ConcatFunction">List</option>
<option value="MaxFunction">High</option>
<option value="MinFunction">Low</option>
<option value="SumFunction">Total</option>
<option value="CountFunction">Count</option>
<option value="DistinctCountFunction">Distinct</option></select>
        <input class="text" id="id" name="id" type="hidden" value="37442760" />
      </form>
    </td>
  </tr>
  </tbody>
</table>



        </div>

        <div id="graph_heading">
          <div id="title">
            <h1 id="graph_title" class="inplace_editable">Percent atheists, agnostics, non-believers in God by Country</h1>
          </div>
          


  <div class="graph_legend">
      
        <span class="dot" style="color: #F8B925">&#8226;</span>&nbsp;<a href="/data_columns/show/2062653">Part of population that are non-believers in God Percent atheists, agnostics, non-believers in God</a>
      
  </div>


        </div>

                
        <div style="text-align: left;font-size:75%;margin-left:100px;">
            <br/>
            <form action="/graphs/edit_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/edit_update?mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
              Label Area Size:
              
              <input class="text" id="left_margin" name="left_margin" style="width:25px;" type="text" value="22" /> %
              <input class="submit" name="commit" onclick="saved_or_cancelled = false;" type="submit" value="&gt;" />
              <input class="text" id="id" name="id" type="hidden" value="37442760" />
            </form>
        </div>
        

        <div id="loading"><img alt="Progress_bar" src="/images/icons/progress_bar.gif?1222897902" title="" /></div>

        <img alt="Percent atheists, agnostics, non-believers in God by Country" id="graph_image" onload="if (this.src.indexOf('clear.gif') == -1) new Effect.Fade(&quot;loading&quot;,{duration:0.3});" src="/images/clear.gif?1222897902" title="" />

        <script type="text/javascript">
//<![CDATA[
$("graph_image").src = "/graphs/nc_image/37442760/default/600/1540/6?s=1265743760.425070.6182845078208";
//]]>
</script>

      </div>
    </div>

    <div id="graph_actions">
      

<div class="zoom">
  
</div>


<a href="/graphs/background/8244121" class="icon" id="background" title="Change this graph's background image.">Bling</a>
<a href="/graphs/compare/8244121" class="icon" id="compare" title="Compare data on this graph to other data in Swivel.">Compare</a>



    </div>

    <div id="metadata">
      <div id="description">
        <label for="graph_description">Description</label>
        <div id="graph_description" class="inplace_editable">No Description</div>
      </div>

      <div id="sources">
        <label for="graph_citation">Sources</label>
        <div id="graph_citation" class="inplace_editable">Zuckerman, Phil. "Atheism: Contemporary Rates and Patterns", chapter in The Cambridge Companion to Atheism, ed. by Michael Martin, Cambridge University Press: Cambridge, UK (2005). (http://www.adherents.com/largecom/com_atheist.html)</div>
      </div>

    </div>

  <script type="text/javascript">
  //<![CDATA[
  new Ajax.InPlaceEditor('graph_title', '/graphs/edit_update_title_text/37442760', {cols:60, rows:1, onComplete:function(transport, element) {new Effect.Highlight(element, {startcolor: this.options.highlightcolor});saved_or_cancelled = false;}})
  new Ajax.InPlaceEditor('graph_description', '/graphs/edit_update_description_text/37442760', {cols:60, rows:3, onComplete:function(transport, element) {new Effect.Highlight(element, {startcolor: this.options.highlightcolor});saved_or_cancelled = false;}})
  new Ajax.InPlaceEditor('graph_citation', '/graphs/edit_update_citation_text/37442760', {cols:60, rows:1, onComplete:function(transport, element) {new Effect.Highlight(element, {startcolor: this.options.highlightcolor});saved_or_cancelled = false;}})
  //]]>
  </script>

  </div>

</td><td>

  <div class="box">

    <h3>Pick a Graph Style</h3>

    <div id="style_tabs">
      <div class="actual_tabs">
        <table>
        <tr>
          <td style="width:3px;"></td>
          <td class="page current">Graph Styles</td>
          <td style="width:2px;"></td>
        </tr>
        </table>
      </div>
    </div>

    <div id="edit_style_control_content">
      
        <div class="template">
          <h4>Default:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=1&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="1?" class="template_preview" src="/graphs/image/1015067/preview/230/160/1?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Green:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=2&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="2?" class="template_preview" src="/graphs/image/1015067/preview/230/160/2?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Blueprint:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=3&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="3?" class="template_preview" src="/graphs/image/1015067/preview/230/160/3?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Black:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=4&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="4?" class="template_preview" src="/graphs/image/1015067/preview/230/160/4?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Dark Blue:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=5&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="5?" class="template_preview" src="/graphs/image/1015067/preview/230/160/5?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Grey:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=6&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="6?" class="template_preview" src="/graphs/image/1015067/preview/230/160/6?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Cream:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=7&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="7?" class="template_preview" src="/graphs/image/1015067/preview/230/160/7?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Plum:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=8&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="8?" class="template_preview" src="/graphs/image/1015067/preview/230/160/8?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Light Plum:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=9&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="9?" class="template_preview" src="/graphs/image/1015067/preview/230/160/9?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Tan:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=10&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="10?" class="template_preview" src="/graphs/image/1015067/preview/230/160/10?" title="" /></a>
        </div>
      
        <div class="template">
          <h4>Lemon:</h4>
          <a href="#" onclick="new Ajax.Request('/graphs/edit_update/37442760?template_id=11&amp;mode=update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}}); return false;"><img alt="11?" class="template_preview" src="/graphs/image/1015067/preview/230/160/11?" title="" /></a>
        </div>
      
    </div>

  </div>

</td></tr></table>


</div> <!-- content -->

<div id="footer">
  <div id="copyright">&copy; 2007 Swivel</div>
  <a href="/about">About</a> |
  <a href="/help/contextual_help" onclick="window.open(this.href,'Help','height=1024,width=768,left=600,top=300,scrollbars=yes');return false;">Help</a> | 
  <a href="/about/jobs">Jobs</a> |
  <a href="/about/contact">Contact</a> |
  
  <a href="/about/legal">Legal</a> |
  <a href="/press">Press</a> |
  <a href="/tour">What is Swivel?</a>
</div>
</div> <!-- container -->




  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
  </script>
  <script type="text/javascript">
    _uacct = "UA-1428680-1";
    urchinTracker();
  </script>  


</body>
</html>
