title: unable to draw graphs using Vis.js in tornado
body: <p>Hi all iam trying to draw a graph using vis.js in tornado framework but i am unable to achieve that how to direct the file i am right now getting only Helloworld in the url but not the graph 
  thanks in advance </p>
  
  <pre><code>enter code here Tornado
   import tornado.httpserver
   import tornado.ioloop
   import tornado.options
   import tornado.web
   import os
  
  
   from tornado.options import define, options
  
   define("port", default=8888, help="run on the given port", type=int)
   settings = {
  "static_path": os.path.join(os.path.dirname(__file__), "static"),
  "template_path":os.path.join(os.path.dirname(__file__), "templates"),
   }
  
  
   class MainHandler(tornado.web.RequestHandler):
      def get(self):
          self.render("graph.html")
  
  
  
  
   def main():
       tornado.options.parse_command_line()
       application = tornado.web.Application([
      (r"/", MainHandler),
      (r"/", tornado.web.StaticFileHandler,
   dict(path=settings['static_path'])),
  
  ],**settings)
      http_server = tornado.httpserver.HTTPServer(application)
      http_server.listen(options.port)
      tornado.ioloop.IOLoop.current().start()
  
  
  if __name__ == "__main__":
      main() 
  </code></pre>
  
  <p>here is the HTML </p>
  
  <pre><code>enter code here
   &lt;html&gt;
   &lt;head&gt;
   &lt;meta content="text/html;charset=utf-8" http-equiv="Content-Type"&gt;
   &lt;meta content="utf-8" http-equiv="encoding"&gt;
   &lt;title&gt;Graph2d | Basic Example&lt;/title&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
   &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
   &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"src="{{ static_url("vis.js") }}"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="{{ static_url("vis.css") }}"
  &lt;script src="../static/vis.js"&gt;&lt;/script&gt;
  &lt;link href="../static/vis.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script&gt;(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');&lt;/script&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;helloworld&lt;/h1&gt;
  &lt;div id="visualization"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  var container = document.getElementById('visualization');
  var items = [
  {x: '2014-06-11', y: 10},
  {x: '2014-06-12', y: 25},
  {x: '2014-06-13', y: 30},
  {x: '2014-06-14', y: 10},
  {x: '2014-06-15', y: 15},
  {x: '2014-06-16', y: 30}
    ];
  
  var dataset = new vis.DataSet(items);
  var options = {
  start: '2014-06-10',
  end: '2014-06-18'
    };
  var graph2d = new vis.Graph2d(container, dataset, options);
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>