<!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>Share Graph - Count of social sites that generate most traffic by social sites that generate most traffic - 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="/javascripts/colourmod/ColourModStyle.css?1222897902" media="screen" rel="Stylesheet" type="text/css" />
  <link href="/stylesheets/graphs.css?1222897902" media="screen" rel="Stylesheet" type="text/css" />
  <link href="/stylesheets/graphs_share.css?1222897902" media="screen" rel="Stylesheet" type="text/css" />
  <style type="text/css">
    <!--
    .preview_back {
      background-color: #FFFFFF;
      border: solid 1px #ccc;
      padding: 0ex 8ex 10ex 8ex; 
      min-width: 600px;
      min-height: 460px; 
      position: relative;
    }
    .page_color_disclaimer {
      position: absolute;
      bottom: 5px;
      right: 10px;
      color: #E5E5E5;
      font-size: 90%;
      font-weight: bold;
    }
    .embed {
      font-family: courier;
      border: 2px solid #999;
      border-bottom: 2px solid #ddd;
      border-right: 2px solid #ddd;
      padding: 1px;
      font-size: 75%;
      margin: 0.5ex 0 0.5em 0;
      height: 4.5em;
      width: 390px;
      overflow: auto;
    }
    #share_fields {
      padding: 1em;
      text-align: left;
      margin: auto;
      width: 80ex;
    }
    #share_fields .hint {
      line-height: 1.5;
      color: #666;
      font-weight: normal;
    }
    .helptext {
      color: #666;
      font-size: 80%;
      margin-bottom: 2ex;
    }
    .page_color_stub {
      border: solid 1px #666;
      height: 20px;
      width: 20px;
      background-color: #FFFFFF;
    }
    .line_color_stub {
      border: solid 1px #666;
      height: 20px;
      width: 20px;
    }
    
    #line_color_stub_0 {
      background-color: #C60079;
    }
    
    table.ie_hack td {
      vertical-align: top;
    }
    .page {
      margin-left: 3px;
      margin-right: 3px;
    }
    .current {
      margin-right: 0px;
    }
    -->
  </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 src="/javascripts/colourmod/StyleModScript.js?1222897902" type="text/javascript"></script>
<script src="/javascripts/colourmod/ColourModScript.js?1222897902" type="text/javascript"></script>
  <script type="text/javascript">
  //<![CDATA[
    function loading(id) {
      $('loading').show();
      ['graph', 'spreadsheet'].without(id).each(function(pane) {
        $(pane).hide();
      });
      $(id).show();
    }
  //]]>
  </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%2Fblog%2F30782086', {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%2Fblog%2F30782086">Sign Up!</a>
      <a href="/security?return_to=%2Fgraphs%2Fblog%2F30782086">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">
  






<div id="ColourMod">
  <div id="cmDefault">
    <div id="cmColorContainer" class="cmColorContainer"></div>
    <div id="cmSatValBg" class="cmSatValBg"></div>
    <div id="cmDefaultMiniOverlay" class="cmDefaultMiniOverlay"></div>
    <div id="cmSatValContainer">
      <div id="cmBlueDot" class="cmBlueDot"></div>
    </div>
    <div id="cmHueContainer">
      <div id="cmBlueArrow" class="cmBlueArrow"></div>
    </div>
    <div id="cmClose">
      <input type="text" name="cmHex" id="cmHex" value="FFFFFF" maxlength="6" size="9" /> <a href="http://www.colourmod.com" id="cmCloseButton" ><img src="/colourmod/images/close.gif" border="0" alt="Close ColourMod" /></a>
    </div>
    <div style="display:none">
      <input type="text" name="cmHue" id="cmHue" value="0" maxlength="3" />
    </div>
  </div>
</div>

<div id="share_header">
  <div class="mod_title">Customize for embedding in your blog or web site</div>
</div>

<table class="share_table">
  <tr>
    <td style="vertical-align: top; width: 280px;">
      <div id="share_tabs">
<form action="/graphs/blog_graph_update" method="post" onsubmit="new Ajax.Request('/graphs/blog_graph_update', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
  <div class="actual_tabs">
    
      
      
        <span class="page current">Size</span>
      
    
      
      
        <span class="page">
          <a href="#" onclick="new Ajax.Updater('share_tabs', '/graphs/blog_controls_update/37613019?tab=1', {asynchronous:true, evalScripts:true}); return false;">Content</a>
        </span>
      
    
      
      
        <span class="page">
          <a href="#" onclick="new Ajax.Updater('share_tabs', '/graphs/blog_controls_update/37613019?tab=2', {asynchronous:true, evalScripts:true}); return false;">Style</a>
        </span>
      
    

    <div id="control_content">
      <div class="title">Select Size of Graph</div>



  <p>
    <table>
      <tr>
        <td width="10%"><input id="graph_width_40" name="graph[width]" type="radio" value="40" /></td>
        <td><label for="graph_width_40">Sparkline* (40 pixels wide)</label></td>
      </tr>
    </table>
  </p>

  <p>
    <table>
      <tr>
        <td width="10%"><input id="graph_width_120" name="graph[width]" type="radio" value="120" /></td>
        <td><label for="graph_width_120">Small* (120 pixels wide)</label></td>
      </tr>
    </table>
  </p>

  <p>
    <table>
      <tr>
        <td width="10%"><input checked="checked" id="graph_width_400" name="graph[width]" type="radio" value="400" /></td>
        <td><label for="graph_width_400">Medium (400 pixels wide)</label></td>
      </tr>
    </table>
  </p>

  <p>
    <table>
      <tr>
        <td width="10%"><input id="graph_width_600" name="graph[width]" type="radio" value="600" /></td>
        <td><label for="graph_width_600">Large (600 pixels wide)</label></td>
      </tr>
    </table>
  </p>

  <p>
    <table>
      <tr>
        <td width="10%"><input id="graph_width_900" name="graph[width]" type="radio" value="900" /></td>
        <td><label for="graph_width_900">Huge (900 pixels wide)</label></td>
      </tr>
    </table>
  </p>


<br/><hr/>

<p>
  <table>
    <tr>
      <td width="10%"><input id="graph_width_0" name="graph[width]" type="radio" value="0" /></td>
      <td>
        
        <label for="graph_width_0">Custom</label>
        <input class="text" id="graph_width" name="graph_width" onclick="$('graph_width_0').checked = true;" style="width: 15%" type="text" value="400" /> x
        <input class="text" id="graph_height" name="graph_height" onclick="$('graph_width_0').checked = true;" style="width: 15%" type="text" value="336" />
      </td>
    </tr>
  </table>
</p>

<br/>

* text not shown on these sizes


    </div>
  </div>

  <div id="control_buttons">
    <input class="text" id="id" name="id" type="hidden" value="37613019" />
    <input class="text" id="mode" name="mode" type="hidden" value="update" />
    <input class="text" id="tab" name="tab" type="hidden" value="0" />
    <input action="blog_graph_update" class="button submit" id="refresh" name="commit" type="submit" value="Refresh" />
    <a href="/graphs/show/30782086">Cancel</a>
  </div>
</form>
</div>
    </td>

    <td style="vertical-align: top;text-align: center;">
      <div id="preview_back" class="preview_back">
        <div id="share_fields" style="text-align: center">
          <label for="embed" class="highlight">Embed this graph: <span class="hint">copy &amp; paste this HTML into your blog post or web page</span></label><br/>
          <textarea class="embed" id="embed_code" name="graph_url" onclick="this.select()" readonly="readonly"><a href="http://old.swivel.com/graphs/show/30782086"><img alt="Count of social sites that generate most traffic by social sites that generate most traffic" src="http://old.swivel.com/graphs/image/37613019" style="border: solid 1px #rgb(0.6,0.6,0.6);" title="Click to play with this data at Swivel" /></a></textarea>
        </div>

                        
        <div style="text-align: left;font-size:75%;margin-left:100px;margin-bottom:10px;">
            <form action="/graphs/blog_graph_update?mode=update" method="post" onsubmit="new Ajax.Request('/graphs/blog_graph_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="37613019" />
            </form>
        </div>
        


  <div id="data">
    <div id="loading"><img alt="Progress_bar" src="/images/icons/progress_bar.gif?1222897902" title="" /></div>
    <div id="graph">
      <img alt="Count of social sites that generate most traffic by social sites that generate most traffic" 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" style="border: solid 1px #999999;" title="Count of social sites that generate most traffic by social sites that generate most traffic" />
        <script type="text/javascript">
//<![CDATA[
$("graph_image").src = "/graphs/nc_image/37613019?s=1268207394.972510.775665757361238";
//]]>
</script>
    </div>
    <div id="spreadsheet" style="display: none;"></div>

  </div>



        <div id="graph_actions">

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


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


</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>
