<!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 - Wine and Violent Crime vs. Coffee - 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" />
  
  <style type="text/css">
    <!--
    #save_cancel {
      font-size: 130%;
      text-align: right;
      margin: 0px 1ex 4px; 
    }
    #title {
      padding-top: 6px;
    }
    #loading img {
      margin-top: 150px;
    }      
    #metadata {
      text-align: center;
    }
    #metadata table {
      margin: 0px auto;
    }
    #metadata table td {
      text-align: left;
      vertical-align: middle;
    }
    #metadata .buttons {
      padding-left: 8px;
    }
    #background_image_owner {
      width: 18ex;
    }
    #photos {
      padding: 10px 20px;
      overflow: auto;
    }
    #photos .bounding {
      width: 100px;
      height: 120px;
      float: left;
      margin-right: 6px;
    }
    #photos .photo {
      padding: 8px;
      border: solid 3px #eee;
      -moz-border-radius: 4px;
      font-size: 90%;
      color: #666;
      text-align: center;
    }
    #photos .photo img {
      margin: 0px auto 4px;
    }
    -->
  </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%2Fbackground%2F2429084', {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%2Fbackground%2F2429084">Sign Up!</a>
      <a href="/security?return_to=%2Fgraphs%2Fbackground%2F2429084">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/37613043" 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" />
    </form>
  </div>

  <div id="body">
    <div id="data">
      <div id="graph">

        <div id="graph_heading">
          <div id="title">
            <h1 id="graph_title">Wine and Violent Crime vs. Coffee</h1>
          </div>
        </div>

        <div id="loading"><img alt="Progress_bar" src="/images/icons/progress_bar.gif?1222897902" title="" /></div>

        <img alt="Wine and Violent Crime vs. Coffee" height="371" 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="" width="600" />

        <script type="text/javascript">
//<![CDATA[
$("graph_image").src = "/graphs/nc_image/37613043/default/600/371?s=1268207519.132470.140717659633596";
//]]>
</script>

      </div>
    </div>

    <div id="graph_actions">
      

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



<a href="/graphs/compare/2429084" class="icon" id="compare" title="Compare data on this graph to other data in Swivel.">Compare</a>



    </div>

    <div id="metadata">
      <form action="/graphs/background_update/37613043" method="post" onsubmit="new Ajax.Request('/graphs/background_update/37613043', {asynchronous:true, evalScripts:true, onLoading:function(request){loading('graph')}, parameters:Form.serialize(this)}); return false;">
        <table>
          <tr>
            <td>
              <label for="background_image_owner">Photo Credit</label>
            </td><td>
              <input class="text" id="background_image_owner" name="background_image[owner]" size="30" type="text" />
            </td>
          </tr>
          <tr>
          <td>
            <label for="background_image_url">Image URL</label>
          </td><td>
            <input class="text" id="background_image_url" name="background_image[url]" size="30" type="text" />
          </td>
        </tr>
          <tr>
          <td>
            <label for="background_image_source_url">Landing Page URL</label>
          </td><td>
            <input class="text" id="background_image_source_url" name="background_image[source_url]" size="30" type="text" />
          </td><td class="buttons">
            <input class="submit" name="commit" type="submit" value="Set" />
            <input class="submit" name="commit" onclick="$('background_image_url').value = $('background_image_owner').value = ''" type="submit" value="Clear" />
          </td>
        </tr>
        </table>
      </form>
    </div>

  </div>

</td><td>

  <div class="box">

    <h3>Pick a Background</h3>

    <form action="/graphs/flickr_search?per_page=8&amp;amp;graph_id=37613043" method="post" onsubmit="new Ajax.Updater('photos', '/graphs/flickr_search?per_page=8&amp;graph_id=37613043', {asynchronous:true, evalScripts:true, onComplete:function(request){new Effect.Fade(&quot;searching&quot;,{});}, onLoading:function(request){new Effect.Appear(&quot;searching&quot;,{});
Element.update(&quot;photos&quot;, &quot;Searching for photos...&quot;);}, parameters:Form.serialize(this)}); return false;">
      <input class="text" id="query" name="query" type="text" value="Wine and Violent Crime vs. Coffee" />
      <input class="submit" name="commit" type="submit" value="Search" />
      <img alt="Progress" id="searching" src="/images/icons/progress.gif?1222897902" title="" />
    </form>
    <div id="photos">
      Searching for photos...
    </div>
    <script type="text/javascript">
//<![CDATA[
new Ajax.Updater('photos', '/graphs/flickr_search?per_page=8&graph_id=37613043&query=Wine+and+Violent+Crime+vs.+Coffee', {asynchronous:true, evalScripts:true, onComplete:function(request){new Effect.Fade("searching",{});}})
//]]>
</script>

  </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>
