example3.ipynb

{
 "metadata": {
  "name": "example3"
 },
 "nbformat": 3,
 "worksheets": [
  {
   "cells": [
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "from IPython.core.display import HTML",
      "from IPython.core.display import Javascript",
      "Javascript(\"\"\"$(\"#notebook\").width(750);\"\"\")"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "$(\"#notebook\").width(750);"
       ],
       "output_type": "pyout",
       "prompt_number": 1,
       "text": [
        "<IPython.core.display.Javascript at 0x10990ffd0>"
       ]
      }
     ],
     "prompt_number": 1
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "HTML(\"\"\"<div id=\"chart\" style=\"position:absolute;top:0px;width:500px;left:750px;height:500px;border:2px solid;\">",
      "       </div>\"\"\")"
     ],
     "language": "python",
     "outputs": [
      {
       "html": [
        "<div id=\"chart\" style=\"position:absolute;top:0px;width:500px;left:750px;height:500px;border:2px solid;\">",
        "       </div>"
       ],
       "output_type": "pyout",
       "prompt_number": 2,
       "text": [
        "<IPython.core.display.HTML at 0x10990fed0>"
       ]
      }
     ],
     "prompt_number": 2
    },
    {
     "cell_type": "markdown",
     "source": [
      "### Load the `d3.js` and setup the `SVG` element so we can add plotting elements in."
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "Javascript(\"$.getScript('/static/d3/d3.js')\")"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "$.getScript('/static/d3/d3.js')"
       ],
       "output_type": "pyout",
       "prompt_number": 3,
       "text": [
        "<IPython.core.display.Javascript at 0x10990ff50>"
       ]
      }
     ],
     "prompt_number": 3
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "js=\"\"\"",
      "var svg = d3.select(\"#chart\")",
      "    .append(\"svg\")",
      "    .attr(\"width\", 750)",
      "    .attr(\"height\", 500)",
      "    .attr(\"class\", \"PiYG\");",
      "\"\"\"",
      "Javascript(js)"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "",
        "var svg = d3.select(\"#chart\")",
        "    .append(\"svg\")",
        "    .attr(\"width\", 750)",
        "    .attr(\"height\", 500)",
        "    .attr(\"class\", \"PiYG\");"
       ],
       "output_type": "pyout",
       "prompt_number": 4,
       "text": [
        "<IPython.core.display.Javascript at 0x1099370d0>"
       ]
      }
     ],
     "prompt_number": 4
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "js = \"\"",
      "for i in range(21):",
      "    for j in range(21):",
      "        js +=\\",
      "        \"\"\"",
      "        var svg = d3.select(\"#chart\").select(\"svg\")",
      "        svg.append(\"circle\")",
      "            .attr(\"cy\", %d)",
      "            .attr(\"cx\", %d)",
      "            .attr(\"r\", %d);",
      "        \"\"\" % ((i+1)*20, (j+1)*20, ",
      "               math.sqrt(abs(math.cos((i-10)/5.0)*math.cos((j-10)/5.0))*75+5))",
      "Javascript(js)"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 20)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 40)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 60)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 80)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 100)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 120)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 140)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 160)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 180)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 200)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 220)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 240)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 260)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 8);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 280)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 7);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 300)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 320)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 340)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 360)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 380)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 400)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 20)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 40)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 60)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 80)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 100)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 120)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 140)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 160)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 180)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 200)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 220)",
        "            .attr(\"r\", 6);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 240)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 260)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 280)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 300)",
        "            .attr(\"r\", 5);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 320)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 340)",
        "            .attr(\"r\", 4);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 360)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 380)",
        "            .attr(\"r\", 2);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 400)",
        "            .attr(\"r\", 3);",
        "        ",
        "        var svg = d3.select(\"#chart\").select(\"svg\")",
        "        svg.append(\"circle\")",
        "            .attr(\"cy\", 420)",
        "            .attr(\"cx\", 420)",
        "            .attr(\"r\", 4);",
        "        "
       ],
       "output_type": "pyout",
       "prompt_number": 5,
       "text": [
        "<IPython.core.display.Javascript at 0x109937fd0>"
       ]
      }
     ],
     "prompt_number": 5
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "js1 =\\",
      "\"\"\"",
      "var svg = d3.select(\"#chart\").select(\"svg\")",
      "",
      "d3.selectAll(\"circle\")",
      "    .transition()",
      "    .duration(2000)",
      "    .attr(\"cy\", 220)",
      "    .attr(\"cx\", 220)",
      "    .attr(\"r\", 25);",
      "\"\"\" ",
      "Javascript(js1)"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "",
        "var svg = d3.select(\"#chart\").select(\"svg\")",
        "",
        "d3.selectAll(\"circle\")",
        "    .transition()",
        "    .duration(2000)",
        "    .attr(\"cy\", 220)",
        "    .attr(\"cx\", 220)",
        "    .attr(\"r\", 25);"
       ],
       "output_type": "pyout",
       "prompt_number": 6,
       "text": [
        "<IPython.core.display.Javascript at 0x109937290>"
       ]
      }
     ],
     "prompt_number": 6
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "import json",
      "data = []",
      "for i in range(21):",
      "    for j in range(21):",
      "        data.append( [(i+1)*20,",
      "                      (j+1)*20, ",
      "                      (400/(abs(i-10) + abs(j-10) + 1))**0.5,",
      "                      (abs(i-10) + abs(j-10) + 5)/22.0])",
      "",
      "js2 =\\",
      "\"\"\"",
      "var svg = d3.select(\"#chart\").select(\"svg\")",
      "d3.selectAll(\"circle\")",
      "    .data(%s)",
      "    .transition()",
      "    .duration(5000)",
      "    .attr(\"cy\", function(d,i) {return d[0];})",
      "    .attr(\"cx\", function(d,i) {return d[1];})",
      "    .attr(\"r\", function(d,i) {return d[2];})",
      "    .attr(\"fill-opacity\",function(d,i) {return d[3];});",
      "        ",
      "\"\"\" % (json.dumps(data))",
      "Javascript(js2)"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "",
        "var svg = d3.select(\"#chart\").select(\"svg\")",
        "d3.selectAll(\"circle\")",
        "    .data([[20, 20, 4.358898943540674, 1.1363636363636365], [20, 40, 4.47213595499958, 1.0909090909090908], [20, 60, 4.58257569495584, 1.0454545454545454], [20, 80, 4.69041575982343, 1.0], [20, 100, 4.795831523312719, 0.9545454545454546], [20, 120, 5.0, 0.9090909090909091], [20, 140, 5.0990195135927845, 0.8636363636363636], [20, 160, 5.291502622129181, 0.8181818181818182], [20, 180, 5.477225575051661, 0.7727272727272727], [20, 200, 5.744562646538029, 0.7272727272727273], [20, 220, 6.0, 0.6818181818181818], [20, 240, 5.744562646538029, 0.7272727272727273], [20, 260, 5.477225575051661, 0.7727272727272727], [20, 280, 5.291502622129181, 0.8181818181818182], [20, 300, 5.0990195135927845, 0.8636363636363636], [20, 320, 5.0, 0.9090909090909091], [20, 340, 4.795831523312719, 0.9545454545454546], [20, 360, 4.69041575982343, 1.0], [20, 380, 4.58257569495584, 1.0454545454545454], [20, 400, 4.47213595499958, 1.0909090909090908], [20, 420, 4.358898943540674, 1.1363636363636365], [40, 20, 4.47213595499958, 1.0909090909090908], [40, 40, 4.58257569495584, 1.0454545454545454], [40, 60, 4.69041575982343, 1.0], [40, 80, 4.795831523312719, 0.9545454545454546], [40, 100, 5.0, 0.9090909090909091], [40, 120, 5.0990195135927845, 0.8636363636363636], [40, 140, 5.291502622129181, 0.8181818181818182], [40, 160, 5.477225575051661, 0.7727272727272727], [40, 180, 5.744562646538029, 0.7272727272727273], [40, 200, 6.0, 0.6818181818181818], [40, 220, 6.324555320336759, 0.6363636363636364], [40, 240, 6.0, 0.6818181818181818], [40, 260, 5.744562646538029, 0.7272727272727273], [40, 280, 5.477225575051661, 0.7727272727272727], [40, 300, 5.291502622129181, 0.8181818181818182], [40, 320, 5.0990195135927845, 0.8636363636363636], [40, 340, 5.0, 0.9090909090909091], [40, 360, 4.795831523312719, 0.9545454545454546], [40, 380, 4.69041575982343, 1.0], [40, 400, 4.58257569495584, 1.0454545454545454], [40, 420, 4.47213595499958, 1.0909090909090908], [60, 20, 4.58257569495584, 1.0454545454545454], [60, 40, 4.69041575982343, 1.0], [60, 60, 4.795831523312719, 0.9545454545454546], [60, 80, 5.0, 0.9090909090909091], [60, 100, 5.0990195135927845, 0.8636363636363636], [60, 120, 5.291502622129181, 0.8181818181818182], [60, 140, 5.477225575051661, 0.7727272727272727], [60, 160, 5.744562646538029, 0.7272727272727273], [60, 180, 6.0, 0.6818181818181818], [60, 200, 6.324555320336759, 0.6363636363636364], [60, 220, 6.6332495807108, 0.5909090909090909], [60, 240, 6.324555320336759, 0.6363636363636364], [60, 260, 6.0, 0.6818181818181818], [60, 280, 5.744562646538029, 0.7272727272727273], [60, 300, 5.477225575051661, 0.7727272727272727], [60, 320, 5.291502622129181, 0.8181818181818182], [60, 340, 5.0990195135927845, 0.8636363636363636], [60, 360, 5.0, 0.9090909090909091], [60, 380, 4.795831523312719, 0.9545454545454546], [60, 400, 4.69041575982343, 1.0], [60, 420, 4.58257569495584, 1.0454545454545454], [80, 20, 4.69041575982343, 1.0], [80, 40, 4.795831523312719, 0.9545454545454546], [80, 60, 5.0, 0.9090909090909091], [80, 80, 5.0990195135927845, 0.8636363636363636], [80, 100, 5.291502622129181, 0.8181818181818182], [80, 120, 5.477225575051661, 0.7727272727272727], [80, 140, 5.744562646538029, 0.7272727272727273], [80, 160, 6.0, 0.6818181818181818], [80, 180, 6.324555320336759, 0.6363636363636364], [80, 200, 6.6332495807108, 0.5909090909090909], [80, 220, 7.0710678118654755, 0.5454545454545454], [80, 240, 6.6332495807108, 0.5909090909090909], [80, 260, 6.324555320336759, 0.6363636363636364], [80, 280, 6.0, 0.6818181818181818], [80, 300, 5.744562646538029, 0.7272727272727273], [80, 320, 5.477225575051661, 0.7727272727272727], [80, 340, 5.291502622129181, 0.8181818181818182], [80, 360, 5.0990195135927845, 0.8636363636363636], [80, 380, 5.0, 0.9090909090909091], [80, 400, 4.795831523312719, 0.9545454545454546], [80, 420, 4.69041575982343, 1.0], [100, 20, 4.795831523312719, 0.9545454545454546], [100, 40, 5.0, 0.9090909090909091], [100, 60, 5.0990195135927845, 0.8636363636363636], [100, 80, 5.291502622129181, 0.8181818181818182], [100, 100, 5.477225575051661, 0.7727272727272727], [100, 120, 5.744562646538029, 0.7272727272727273], [100, 140, 6.0, 0.6818181818181818], [100, 160, 6.324555320336759, 0.6363636363636364], [100, 180, 6.6332495807108, 0.5909090909090909], [100, 200, 7.0710678118654755, 0.5454545454545454], [100, 220, 7.54983443527075, 0.5], [100, 240, 7.0710678118654755, 0.5454545454545454], [100, 260, 6.6332495807108, 0.5909090909090909], [100, 280, 6.324555320336759, 0.6363636363636364], [100, 300, 6.0, 0.6818181818181818], [100, 320, 5.744562646538029, 0.7272727272727273], [100, 340, 5.477225575051661, 0.7727272727272727], [100, 360, 5.291502622129181, 0.8181818181818182], [100, 380, 5.0990195135927845, 0.8636363636363636], [100, 400, 5.0, 0.9090909090909091], [100, 420, 4.795831523312719, 0.9545454545454546], [120, 20, 5.0, 0.9090909090909091], [120, 40, 5.0990195135927845, 0.8636363636363636], [120, 60, 5.291502622129181, 0.8181818181818182], [120, 80, 5.477225575051661, 0.7727272727272727], [120, 100, 5.744562646538029, 0.7272727272727273], [120, 120, 6.0, 0.6818181818181818], [120, 140, 6.324555320336759, 0.6363636363636364], [120, 160, 6.6332495807108, 0.5909090909090909], [120, 180, 7.0710678118654755, 0.5454545454545454], [120, 200, 7.54983443527075, 0.5], [120, 220, 8.12403840463596, 0.45454545454545453], [120, 240, 7.54983443527075, 0.5], [120, 260, 7.0710678118654755, 0.5454545454545454], [120, 280, 6.6332495807108, 0.5909090909090909], [120, 300, 6.324555320336759, 0.6363636363636364], [120, 320, 6.0, 0.6818181818181818], [120, 340, 5.744562646538029, 0.7272727272727273], [120, 360, 5.477225575051661, 0.7727272727272727], [120, 380, 5.291502622129181, 0.8181818181818182], [120, 400, 5.0990195135927845, 0.8636363636363636], [120, 420, 5.0, 0.9090909090909091], [140, 20, 5.0990195135927845, 0.8636363636363636], [140, 40, 5.291502622129181, 0.8181818181818182], [140, 60, 5.477225575051661, 0.7727272727272727], [140, 80, 5.744562646538029, 0.7272727272727273], [140, 100, 6.0, 0.6818181818181818], [140, 120, 6.324555320336759, 0.6363636363636364], [140, 140, 6.6332495807108, 0.5909090909090909], [140, 160, 7.0710678118654755, 0.5454545454545454], [140, 180, 7.54983443527075, 0.5], [140, 200, 8.12403840463596, 0.45454545454545453], [140, 220, 8.94427190999916, 0.4090909090909091], [140, 240, 8.12403840463596, 0.45454545454545453], [140, 260, 7.54983443527075, 0.5], [140, 280, 7.0710678118654755, 0.5454545454545454], [140, 300, 6.6332495807108, 0.5909090909090909], [140, 320, 6.324555320336759, 0.6363636363636364], [140, 340, 6.0, 0.6818181818181818], [140, 360, 5.744562646538029, 0.7272727272727273], [140, 380, 5.477225575051661, 0.7727272727272727], [140, 400, 5.291502622129181, 0.8181818181818182], [140, 420, 5.0990195135927845, 0.8636363636363636], [160, 20, 5.291502622129181, 0.8181818181818182], [160, 40, 5.477225575051661, 0.7727272727272727], [160, 60, 5.744562646538029, 0.7272727272727273], [160, 80, 6.0, 0.6818181818181818], [160, 100, 6.324555320336759, 0.6363636363636364], [160, 120, 6.6332495807108, 0.5909090909090909], [160, 140, 7.0710678118654755, 0.5454545454545454], [160, 160, 7.54983443527075, 0.5], [160, 180, 8.12403840463596, 0.45454545454545453], [160, 200, 8.94427190999916, 0.4090909090909091], [160, 220, 10.0, 0.36363636363636365], [160, 240, 8.94427190999916, 0.4090909090909091], [160, 260, 8.12403840463596, 0.45454545454545453], [160, 280, 7.54983443527075, 0.5], [160, 300, 7.0710678118654755, 0.5454545454545454], [160, 320, 6.6332495807108, 0.5909090909090909], [160, 340, 6.324555320336759, 0.6363636363636364], [160, 360, 6.0, 0.6818181818181818], [160, 380, 5.744562646538029, 0.7272727272727273], [160, 400, 5.477225575051661, 0.7727272727272727], [160, 420, 5.291502622129181, 0.8181818181818182], [180, 20, 5.477225575051661, 0.7727272727272727], [180, 40, 5.744562646538029, 0.7272727272727273], [180, 60, 6.0, 0.6818181818181818], [180, 80, 6.324555320336759, 0.6363636363636364], [180, 100, 6.6332495807108, 0.5909090909090909], [180, 120, 7.0710678118654755, 0.5454545454545454], [180, 140, 7.54983443527075, 0.5], [180, 160, 8.12403840463596, 0.45454545454545453], [180, 180, 8.94427190999916, 0.4090909090909091], [180, 200, 10.0, 0.36363636363636365], [180, 220, 11.532562594670797, 0.3181818181818182], [180, 240, 10.0, 0.36363636363636365], [180, 260, 8.94427190999916, 0.4090909090909091], [180, 280, 8.12403840463596, 0.45454545454545453], [180, 300, 7.54983443527075, 0.5], [180, 320, 7.0710678118654755, 0.5454545454545454], [180, 340, 6.6332495807108, 0.5909090909090909], [180, 360, 6.324555320336759, 0.6363636363636364], [180, 380, 6.0, 0.6818181818181818], [180, 400, 5.744562646538029, 0.7272727272727273], [180, 420, 5.477225575051661, 0.7727272727272727], [200, 20, 5.744562646538029, 0.7272727272727273], [200, 40, 6.0, 0.6818181818181818], [200, 60, 6.324555320336759, 0.6363636363636364], [200, 80, 6.6332495807108, 0.5909090909090909], [200, 100, 7.0710678118654755, 0.5454545454545454], [200, 120, 7.54983443527075, 0.5], [200, 140, 8.12403840463596, 0.45454545454545453], [200, 160, 8.94427190999916, 0.4090909090909091], [200, 180, 10.0, 0.36363636363636365], [200, 200, 11.532562594670797, 0.3181818181818182], [200, 220, 14.142135623730951, 0.2727272727272727], [200, 240, 11.532562594670797, 0.3181818181818182], [200, 260, 10.0, 0.36363636363636365], [200, 280, 8.94427190999916, 0.4090909090909091], [200, 300, 8.12403840463596, 0.45454545454545453], [200, 320, 7.54983443527075, 0.5], [200, 340, 7.0710678118654755, 0.5454545454545454], [200, 360, 6.6332495807108, 0.5909090909090909], [200, 380, 6.324555320336759, 0.6363636363636364], [200, 400, 6.0, 0.6818181818181818], [200, 420, 5.744562646538029, 0.7272727272727273], [220, 20, 6.0, 0.6818181818181818], [220, 40, 6.324555320336759, 0.6363636363636364], [220, 60, 6.6332495807108, 0.5909090909090909], [220, 80, 7.0710678118654755, 0.5454545454545454], [220, 100, 7.54983443527075, 0.5], [220, 120, 8.12403840463596, 0.45454545454545453], [220, 140, 8.94427190999916, 0.4090909090909091], [220, 160, 10.0, 0.36363636363636365], [220, 180, 11.532562594670797, 0.3181818181818182], [220, 200, 14.142135623730951, 0.2727272727272727], [220, 220, 20.0, 0.22727272727272727], [220, 240, 14.142135623730951, 0.2727272727272727], [220, 260, 11.532562594670797, 0.3181818181818182], [220, 280, 10.0, 0.36363636363636365], [220, 300, 8.94427190999916, 0.4090909090909091], [220, 320, 8.12403840463596, 0.45454545454545453], [220, 340, 7.54983443527075, 0.5], [220, 360, 7.0710678118654755, 0.5454545454545454], [220, 380, 6.6332495807108, 0.5909090909090909], [220, 400, 6.324555320336759, 0.6363636363636364], [220, 420, 6.0, 0.6818181818181818], [240, 20, 5.744562646538029, 0.7272727272727273], [240, 40, 6.0, 0.6818181818181818], [240, 60, 6.324555320336759, 0.6363636363636364], [240, 80, 6.6332495807108, 0.5909090909090909], [240, 100, 7.0710678118654755, 0.5454545454545454], [240, 120, 7.54983443527075, 0.5], [240, 140, 8.12403840463596, 0.45454545454545453], [240, 160, 8.94427190999916, 0.4090909090909091], [240, 180, 10.0, 0.36363636363636365], [240, 200, 11.532562594670797, 0.3181818181818182], [240, 220, 14.142135623730951, 0.2727272727272727], [240, 240, 11.532562594670797, 0.3181818181818182], [240, 260, 10.0, 0.36363636363636365], [240, 280, 8.94427190999916, 0.4090909090909091], [240, 300, 8.12403840463596, 0.45454545454545453], [240, 320, 7.54983443527075, 0.5], [240, 340, 7.0710678118654755, 0.5454545454545454], [240, 360, 6.6332495807108, 0.5909090909090909], [240, 380, 6.324555320336759, 0.6363636363636364], [240, 400, 6.0, 0.6818181818181818], [240, 420, 5.744562646538029, 0.7272727272727273], [260, 20, 5.477225575051661, 0.7727272727272727], [260, 40, 5.744562646538029, 0.7272727272727273], [260, 60, 6.0, 0.6818181818181818], [260, 80, 6.324555320336759, 0.6363636363636364], [260, 100, 6.6332495807108, 0.5909090909090909], [260, 120, 7.0710678118654755, 0.5454545454545454], [260, 140, 7.54983443527075, 0.5], [260, 160, 8.12403840463596, 0.45454545454545453], [260, 180, 8.94427190999916, 0.4090909090909091], [260, 200, 10.0, 0.36363636363636365], [260, 220, 11.532562594670797, 0.3181818181818182], [260, 240, 10.0, 0.36363636363636365], [260, 260, 8.94427190999916, 0.4090909090909091], [260, 280, 8.12403840463596, 0.45454545454545453], [260, 300, 7.54983443527075, 0.5], [260, 320, 7.0710678118654755, 0.5454545454545454], [260, 340, 6.6332495807108, 0.5909090909090909], [260, 360, 6.324555320336759, 0.6363636363636364], [260, 380, 6.0, 0.6818181818181818], [260, 400, 5.744562646538029, 0.7272727272727273], [260, 420, 5.477225575051661, 0.7727272727272727], [280, 20, 5.291502622129181, 0.8181818181818182], [280, 40, 5.477225575051661, 0.7727272727272727], [280, 60, 5.744562646538029, 0.7272727272727273], [280, 80, 6.0, 0.6818181818181818], [280, 100, 6.324555320336759, 0.6363636363636364], [280, 120, 6.6332495807108, 0.5909090909090909], [280, 140, 7.0710678118654755, 0.5454545454545454], [280, 160, 7.54983443527075, 0.5], [280, 180, 8.12403840463596, 0.45454545454545453], [280, 200, 8.94427190999916, 0.4090909090909091], [280, 220, 10.0, 0.36363636363636365], [280, 240, 8.94427190999916, 0.4090909090909091], [280, 260, 8.12403840463596, 0.45454545454545453], [280, 280, 7.54983443527075, 0.5], [280, 300, 7.0710678118654755, 0.5454545454545454], [280, 320, 6.6332495807108, 0.5909090909090909], [280, 340, 6.324555320336759, 0.6363636363636364], [280, 360, 6.0, 0.6818181818181818], [280, 380, 5.744562646538029, 0.7272727272727273], [280, 400, 5.477225575051661, 0.7727272727272727], [280, 420, 5.291502622129181, 0.8181818181818182], [300, 20, 5.0990195135927845, 0.8636363636363636], [300, 40, 5.291502622129181, 0.8181818181818182], [300, 60, 5.477225575051661, 0.7727272727272727], [300, 80, 5.744562646538029, 0.7272727272727273], [300, 100, 6.0, 0.6818181818181818], [300, 120, 6.324555320336759, 0.6363636363636364], [300, 140, 6.6332495807108, 0.5909090909090909], [300, 160, 7.0710678118654755, 0.5454545454545454], [300, 180, 7.54983443527075, 0.5], [300, 200, 8.12403840463596, 0.45454545454545453], [300, 220, 8.94427190999916, 0.4090909090909091], [300, 240, 8.12403840463596, 0.45454545454545453], [300, 260, 7.54983443527075, 0.5], [300, 280, 7.0710678118654755, 0.5454545454545454], [300, 300, 6.6332495807108, 0.5909090909090909], [300, 320, 6.324555320336759, 0.6363636363636364], [300, 340, 6.0, 0.6818181818181818], [300, 360, 5.744562646538029, 0.7272727272727273], [300, 380, 5.477225575051661, 0.7727272727272727], [300, 400, 5.291502622129181, 0.8181818181818182], [300, 420, 5.0990195135927845, 0.8636363636363636], [320, 20, 5.0, 0.9090909090909091], [320, 40, 5.0990195135927845, 0.8636363636363636], [320, 60, 5.291502622129181, 0.8181818181818182], [320, 80, 5.477225575051661, 0.7727272727272727], [320, 100, 5.744562646538029, 0.7272727272727273], [320, 120, 6.0, 0.6818181818181818], [320, 140, 6.324555320336759, 0.6363636363636364], [320, 160, 6.6332495807108, 0.5909090909090909], [320, 180, 7.0710678118654755, 0.5454545454545454], [320, 200, 7.54983443527075, 0.5], [320, 220, 8.12403840463596, 0.45454545454545453], [320, 240, 7.54983443527075, 0.5], [320, 260, 7.0710678118654755, 0.5454545454545454], [320, 280, 6.6332495807108, 0.5909090909090909], [320, 300, 6.324555320336759, 0.6363636363636364], [320, 320, 6.0, 0.6818181818181818], [320, 340, 5.744562646538029, 0.7272727272727273], [320, 360, 5.477225575051661, 0.7727272727272727], [320, 380, 5.291502622129181, 0.8181818181818182], [320, 400, 5.0990195135927845, 0.8636363636363636], [320, 420, 5.0, 0.9090909090909091], [340, 20, 4.795831523312719, 0.9545454545454546], [340, 40, 5.0, 0.9090909090909091], [340, 60, 5.0990195135927845, 0.8636363636363636], [340, 80, 5.291502622129181, 0.8181818181818182], [340, 100, 5.477225575051661, 0.7727272727272727], [340, 120, 5.744562646538029, 0.7272727272727273], [340, 140, 6.0, 0.6818181818181818], [340, 160, 6.324555320336759, 0.6363636363636364], [340, 180, 6.6332495807108, 0.5909090909090909], [340, 200, 7.0710678118654755, 0.5454545454545454], [340, 220, 7.54983443527075, 0.5], [340, 240, 7.0710678118654755, 0.5454545454545454], [340, 260, 6.6332495807108, 0.5909090909090909], [340, 280, 6.324555320336759, 0.6363636363636364], [340, 300, 6.0, 0.6818181818181818], [340, 320, 5.744562646538029, 0.7272727272727273], [340, 340, 5.477225575051661, 0.7727272727272727], [340, 360, 5.291502622129181, 0.8181818181818182], [340, 380, 5.0990195135927845, 0.8636363636363636], [340, 400, 5.0, 0.9090909090909091], [340, 420, 4.795831523312719, 0.9545454545454546], [360, 20, 4.69041575982343, 1.0], [360, 40, 4.795831523312719, 0.9545454545454546], [360, 60, 5.0, 0.9090909090909091], [360, 80, 5.0990195135927845, 0.8636363636363636], [360, 100, 5.291502622129181, 0.8181818181818182], [360, 120, 5.477225575051661, 0.7727272727272727], [360, 140, 5.744562646538029, 0.7272727272727273], [360, 160, 6.0, 0.6818181818181818], [360, 180, 6.324555320336759, 0.6363636363636364], [360, 200, 6.6332495807108, 0.5909090909090909], [360, 220, 7.0710678118654755, 0.5454545454545454], [360, 240, 6.6332495807108, 0.5909090909090909], [360, 260, 6.324555320336759, 0.6363636363636364], [360, 280, 6.0, 0.6818181818181818], [360, 300, 5.744562646538029, 0.7272727272727273], [360, 320, 5.477225575051661, 0.7727272727272727], [360, 340, 5.291502622129181, 0.8181818181818182], [360, 360, 5.0990195135927845, 0.8636363636363636], [360, 380, 5.0, 0.9090909090909091], [360, 400, 4.795831523312719, 0.9545454545454546], [360, 420, 4.69041575982343, 1.0], [380, 20, 4.58257569495584, 1.0454545454545454], [380, 40, 4.69041575982343, 1.0], [380, 60, 4.795831523312719, 0.9545454545454546], [380, 80, 5.0, 0.9090909090909091], [380, 100, 5.0990195135927845, 0.8636363636363636], [380, 120, 5.291502622129181, 0.8181818181818182], [380, 140, 5.477225575051661, 0.7727272727272727], [380, 160, 5.744562646538029, 0.7272727272727273], [380, 180, 6.0, 0.6818181818181818], [380, 200, 6.324555320336759, 0.6363636363636364], [380, 220, 6.6332495807108, 0.5909090909090909], [380, 240, 6.324555320336759, 0.6363636363636364], [380, 260, 6.0, 0.6818181818181818], [380, 280, 5.744562646538029, 0.7272727272727273], [380, 300, 5.477225575051661, 0.7727272727272727], [380, 320, 5.291502622129181, 0.8181818181818182], [380, 340, 5.0990195135927845, 0.8636363636363636], [380, 360, 5.0, 0.9090909090909091], [380, 380, 4.795831523312719, 0.9545454545454546], [380, 400, 4.69041575982343, 1.0], [380, 420, 4.58257569495584, 1.0454545454545454], [400, 20, 4.47213595499958, 1.0909090909090908], [400, 40, 4.58257569495584, 1.0454545454545454], [400, 60, 4.69041575982343, 1.0], [400, 80, 4.795831523312719, 0.9545454545454546], [400, 100, 5.0, 0.9090909090909091], [400, 120, 5.0990195135927845, 0.8636363636363636], [400, 140, 5.291502622129181, 0.8181818181818182], [400, 160, 5.477225575051661, 0.7727272727272727], [400, 180, 5.744562646538029, 0.7272727272727273], [400, 200, 6.0, 0.6818181818181818], [400, 220, 6.324555320336759, 0.6363636363636364], [400, 240, 6.0, 0.6818181818181818], [400, 260, 5.744562646538029, 0.7272727272727273], [400, 280, 5.477225575051661, 0.7727272727272727], [400, 300, 5.291502622129181, 0.8181818181818182], [400, 320, 5.0990195135927845, 0.8636363636363636], [400, 340, 5.0, 0.9090909090909091], [400, 360, 4.795831523312719, 0.9545454545454546], [400, 380, 4.69041575982343, 1.0], [400, 400, 4.58257569495584, 1.0454545454545454], [400, 420, 4.47213595499958, 1.0909090909090908], [420, 20, 4.358898943540674, 1.1363636363636365], [420, 40, 4.47213595499958, 1.0909090909090908], [420, 60, 4.58257569495584, 1.0454545454545454], [420, 80, 4.69041575982343, 1.0], [420, 100, 4.795831523312719, 0.9545454545454546], [420, 120, 5.0, 0.9090909090909091], [420, 140, 5.0990195135927845, 0.8636363636363636], [420, 160, 5.291502622129181, 0.8181818181818182], [420, 180, 5.477225575051661, 0.7727272727272727], [420, 200, 5.744562646538029, 0.7272727272727273], [420, 220, 6.0, 0.6818181818181818], [420, 240, 5.744562646538029, 0.7272727272727273], [420, 260, 5.477225575051661, 0.7727272727272727], [420, 280, 5.291502622129181, 0.8181818181818182], [420, 300, 5.0990195135927845, 0.8636363636363636], [420, 320, 5.0, 0.9090909090909091], [420, 340, 4.795831523312719, 0.9545454545454546], [420, 360, 4.69041575982343, 1.0], [420, 380, 4.58257569495584, 1.0454545454545454], [420, 400, 4.47213595499958, 1.0909090909090908], [420, 420, 4.358898943540674, 1.1363636363636365]])",
        "    .transition()",
        "    .duration(5000)",
        "    .attr(\"cy\", function(d,i) {return d[0];})",
        "    .attr(\"cx\", function(d,i) {return d[1];})",
        "    .attr(\"r\", function(d,i) {return d[2];})",
        "    .attr(\"fill-opacity\",function(d,i) {return d[3];});",
        "        "
       ],
       "output_type": "pyout",
       "prompt_number": 7,
       "text": [
        "<IPython.core.display.Javascript at 0x1099344d0>"
       ]
      }
     ],
     "prompt_number": 7
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "import math",
      "data1 = []",
      "data2 = []",
      "for i in range(21):",
      "    for j in range(21):",
      "        data1.append( [(i+j)* math.sin(i+j)*3+220,",
      "                      (i+j)* math.cos(i+j)*3+220, ",
      "                      (40.0/(i+j+1)**0.5),",
      "                      (abs(i+j))/250.0])",
      "        data2.append( [(i+j)* math.cos(i+j)*3+220,",
      "                      (i+j)* math.sin(i+j)*3+220, ",
      "                      (40.0/(i+j+1)**0.5),",
      "                      (abs(i+j))/250.0])",
      "",
      "js3_t =\\",
      "\"\"\"",
      "var svg = d3.select(\"#chart\").select(\"svg\")",
      "d3.selectAll(\"circle\")",
      "    .data(%s)",
      "    .transition()",
      "    .duration(5000)",
      "    .attr(\"cy\", function(d,i) {return d[0];})",
      "    .attr(\"cx\", function(d,i) {return d[1];})",
      "    .attr(\"r\", function(d,i) {return d[2];})",
      "    .attr(\"fill-opacity\",function(d,i) {return d[3];});",
      "        ",
      "\"\"\"",
      "js3_1 = js3_t % json.dumps(data1)",
      "js3_2 = js3_t % json.dumps(data2)",
      "",
      "Javascript(js3_1)"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "",
        "var svg = d3.select(\"#chart\").select(\"svg\")",
        "d3.selectAll(\"circle\")",
        "    .data([[220.0, 220.0, 40.0, 0.0], [222.5244129544237, 221.62090691760443, 28.2842712474619, 0.004], [225.4557845609541, 217.50311898071715, 23.094010767585033, 0.008], [221.2700800725388, 211.090067530596, 20.0, 0.012], [210.91837005630487, 212.15627654963666, 17.88854381999832, 0.016], [205.61613588005292, 224.25493278194838, 16.32993161855452, 0.02], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [222.5244129544237, 221.62090691760443, 28.2842712474619, 0.004], [225.4557845609541, 217.50311898071715, 23.094010767585033, 0.008], [221.2700800725388, 211.090067530596, 20.0, 0.012], [210.91837005630487, 212.15627654963666, 17.88854381999832, 0.016], [205.61613588005292, 224.25493278194838, 16.32993161855452, 0.02], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [225.4557845609541, 217.50311898071715, 23.094010767585033, 0.008], [221.2700800725388, 211.090067530596, 20.0, 0.012], [210.91837005630487, 212.15627654963666, 17.88854381999832, 0.016], [205.61613588005292, 224.25493278194838, 16.32993161855452, 0.02], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [221.2700800725388, 211.090067530596, 20.0, 0.012], [210.91837005630487, 212.15627654963666, 17.88854381999832, 0.016], [205.61613588005292, 224.25493278194838, 16.32993161855452, 0.02], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [210.91837005630487, 212.15627654963666, 17.88854381999832, 0.016], [205.61613588005292, 224.25493278194838, 16.32993161855452, 0.02], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [205.61613588005292, 224.25493278194838, 16.32993161855452, 0.02], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [214.97052103241933, 237.28306515970658, 15.118578920369089, 0.024], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [233.79671857309458, 235.8319473412094, 14.14213562373095, 0.028], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [243.74459791896118, 216.5079991885933, 13.333333333333334, 0.032], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [231.12719910152742, 195.39948292911373, 12.649110640673516, 0.036], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [203.6793666733189, 194.82785412770642, 12.060453783110544, 0.04], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [187.00032318382677, 220.14604803360567, 11.547005383792516, 0.044], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [200.68337495198435, 250.37874251436972, 11.094003924504584, 0.048], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [236.386514436239, 255.39042447655765, 10.690449676496975, 0.052], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [261.6055089391846, 225.74296316472902, 10.327955589886445, 0.056], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [249.26295280707026, 185.81404392135306, 10.0, 0.06], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [175.04081970290414, 125.1123184653918, 6.666666666666667, 0.14], [206.18064080007687, 174.03234494447753, 9.70142500145332, 0.064], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [175.04081970290414, 125.1123184653918, 6.666666666666667, 0.14], [112.8878838281435, 206.1799215202403, 6.575959492214292, 0.144], [170.96872791414262, 205.96666975936856, 9.428090415820634, 0.068], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [175.04081970290414, 125.1123184653918, 6.666666666666667, 0.14], [112.8878838281435, 206.1799215202403, 6.575959492214292, 0.144], [148.56726719737307, 304.9609597659331, 6.488856845230502, 0.148], [179.4466886743295, 255.65710224518034, 9.17662935482247, 0.072], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [175.04081970290414, 125.1123184653918, 6.666666666666667, 0.14], [112.8878838281435, 206.1799215202403, 6.575959492214292, 0.144], [148.56726719737307, 304.9609597659331, 6.488856845230502, 0.148], [253.78601797286993, 328.8783954213916, 6.4051261522034855, 0.152], [228.54300095078827, 276.35616323664016, 8.94427190999916, 0.076], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [175.04081970290414, 125.1123184653918, 6.666666666666667, 0.14], [112.8878838281435, 206.1799215202403, 6.575959492214292, 0.144], [148.56726719737307, 304.9609597659331, 6.488856845230502, 0.148], [253.78601797286993, 328.8783954213916, 6.4051261522034855, 0.152], [332.76406019523824, 251.19722308611267, 6.324555320336758, 0.156], [274.77671504365765, 244.4849237088035, 8.728715609439696, 0.08], [272.70930522777155, 185.4930566058711, 8.528028654224418, 0.084], [219.41581358683334, 154.00258545795396, 8.34057656228299, 0.088], [161.6107921119132, 183.23452159699556, 8.16496580927726, 0.092], [154.7983579355231, 250.5408885282638, 8.0, 0.096], [210.073618742667, 294.3402108897605, 7.844645405527362, 0.1], [279.479559137409, 270.45970714163394, 7.69800358919501, 0.104], [297.4664502007647, 196.33675649255926, 7.559289460184544, 0.108], [242.756086217861, 139.1411072296604, 7.427813527082075, 0.112], [162.2638520734718, 154.91899491705698, 7.302967433402215, 0.116], [131.07715383164242, 233.88263048988256, 7.184212081070997, 0.12], [182.42449898495494, 305.0710392758214, 7.071067811865475, 0.124], [272.9369613992023, 300.085442608625, 6.963106238227914, 0.128], [318.99127415061946, 218.6856020249171, 6.859943405700353, 0.132], [273.9664339842424, 133.44583197197028, 6.761234037828133, 0.136], [175.04081970290414, 125.1123184653918, 6.666666666666667, 0.14], [112.8878838281435, 206.1799215202403, 6.575959492214292, 0.144], [148.56726719737307, 304.9609597659331, 6.488856845230502, 0.148], [253.78601797286993, 328.8783954213916, 6.4051261522034855, 0.152], [332.76406019523824, 251.19722308611267, 6.324555320336758, 0.156], [309.41357925752186, 139.96743260172858, 6.246950475544243, 0.16]])",
        "    .transition()",
        "    .duration(5000)",
        "    .attr(\"cy\", function(d,i) {return d[0];})",
        "    .attr(\"cx\", function(d,i) {return d[1];})",
        "    .attr(\"r\", function(d,i) {return d[2];})",
        "    .attr(\"fill-opacity\",function(d,i) {return d[3];});",
        "        "
       ],
       "output_type": "pyout",
       "prompt_number": 8,
       "text": [
        "<IPython.core.display.Javascript at 0x10212b5d0>"
       ]
      }
     ],
     "prompt_number": 8
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "Javascript(js3_2)"
     ],
     "language": "python",
     "outputs": [
      {
       "javascript": [
        "",
        "var svg = d3.select(\"#chart\").select(\"svg\")",
        "d3.selectAll(\"circle\")",
        "    .data([[220.0, 220.0, 40.0, 0.0], [221.62090691760443, 222.5244129544237, 28.2842712474619, 0.004], [217.50311898071715, 225.4557845609541, 23.094010767585033, 0.008], [211.090067530596, 221.2700800725388, 20.0, 0.012], [212.15627654963666, 210.91837005630487, 17.88854381999832, 0.016], [224.25493278194838, 205.61613588005292, 16.32993161855452, 0.02], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [221.62090691760443, 222.5244129544237, 28.2842712474619, 0.004], [217.50311898071715, 225.4557845609541, 23.094010767585033, 0.008], [211.090067530596, 221.2700800725388, 20.0, 0.012], [212.15627654963666, 210.91837005630487, 17.88854381999832, 0.016], [224.25493278194838, 205.61613588005292, 16.32993161855452, 0.02], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [217.50311898071715, 225.4557845609541, 23.094010767585033, 0.008], [211.090067530596, 221.2700800725388, 20.0, 0.012], [212.15627654963666, 210.91837005630487, 17.88854381999832, 0.016], [224.25493278194838, 205.61613588005292, 16.32993161855452, 0.02], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [211.090067530596, 221.2700800725388, 20.0, 0.012], [212.15627654963666, 210.91837005630487, 17.88854381999832, 0.016], [224.25493278194838, 205.61613588005292, 16.32993161855452, 0.02], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [212.15627654963666, 210.91837005630487, 17.88854381999832, 0.016], [224.25493278194838, 205.61613588005292, 16.32993161855452, 0.02], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [224.25493278194838, 205.61613588005292, 16.32993161855452, 0.02], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [237.28306515970658, 214.97052103241933, 15.118578920369089, 0.024], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [235.8319473412094, 233.79671857309458, 14.14213562373095, 0.028], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [216.5079991885933, 243.74459791896118, 13.333333333333334, 0.032], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [195.39948292911373, 231.12719910152742, 12.649110640673516, 0.036], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [194.82785412770642, 203.6793666733189, 12.060453783110544, 0.04], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [220.14604803360567, 187.00032318382677, 11.547005383792516, 0.044], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [250.37874251436972, 200.68337495198435, 11.094003924504584, 0.048], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [255.39042447655765, 236.386514436239, 10.690449676496975, 0.052], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [225.74296316472902, 261.6055089391846, 10.327955589886445, 0.056], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [185.81404392135306, 249.26295280707026, 10.0, 0.06], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [125.1123184653918, 175.04081970290414, 6.666666666666667, 0.14], [174.03234494447753, 206.18064080007687, 9.70142500145332, 0.064], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [125.1123184653918, 175.04081970290414, 6.666666666666667, 0.14], [206.1799215202403, 112.8878838281435, 6.575959492214292, 0.144], [205.96666975936856, 170.96872791414262, 9.428090415820634, 0.068], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [125.1123184653918, 175.04081970290414, 6.666666666666667, 0.14], [206.1799215202403, 112.8878838281435, 6.575959492214292, 0.144], [304.9609597659331, 148.56726719737307, 6.488856845230502, 0.148], [255.65710224518034, 179.4466886743295, 9.17662935482247, 0.072], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [125.1123184653918, 175.04081970290414, 6.666666666666667, 0.14], [206.1799215202403, 112.8878838281435, 6.575959492214292, 0.144], [304.9609597659331, 148.56726719737307, 6.488856845230502, 0.148], [328.8783954213916, 253.78601797286993, 6.4051261522034855, 0.152], [276.35616323664016, 228.54300095078827, 8.94427190999916, 0.076], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [125.1123184653918, 175.04081970290414, 6.666666666666667, 0.14], [206.1799215202403, 112.8878838281435, 6.575959492214292, 0.144], [304.9609597659331, 148.56726719737307, 6.488856845230502, 0.148], [328.8783954213916, 253.78601797286993, 6.4051261522034855, 0.152], [251.19722308611267, 332.76406019523824, 6.324555320336758, 0.156], [244.4849237088035, 274.77671504365765, 8.728715609439696, 0.08], [185.4930566058711, 272.70930522777155, 8.528028654224418, 0.084], [154.00258545795396, 219.41581358683334, 8.34057656228299, 0.088], [183.23452159699556, 161.6107921119132, 8.16496580927726, 0.092], [250.5408885282638, 154.7983579355231, 8.0, 0.096], [294.3402108897605, 210.073618742667, 7.844645405527362, 0.1], [270.45970714163394, 279.479559137409, 7.69800358919501, 0.104], [196.33675649255926, 297.4664502007647, 7.559289460184544, 0.108], [139.1411072296604, 242.756086217861, 7.427813527082075, 0.112], [154.91899491705698, 162.2638520734718, 7.302967433402215, 0.116], [233.88263048988256, 131.07715383164242, 7.184212081070997, 0.12], [305.0710392758214, 182.42449898495494, 7.071067811865475, 0.124], [300.085442608625, 272.9369613992023, 6.963106238227914, 0.128], [218.6856020249171, 318.99127415061946, 6.859943405700353, 0.132], [133.44583197197028, 273.9664339842424, 6.761234037828133, 0.136], [125.1123184653918, 175.04081970290414, 6.666666666666667, 0.14], [206.1799215202403, 112.8878838281435, 6.575959492214292, 0.144], [304.9609597659331, 148.56726719737307, 6.488856845230502, 0.148], [328.8783954213916, 253.78601797286993, 6.4051261522034855, 0.152], [251.19722308611267, 332.76406019523824, 6.324555320336758, 0.156], [139.96743260172858, 309.41357925752186, 6.246950475544243, 0.16]])",
        "    .transition()",
        "    .duration(5000)",
        "    .attr(\"cy\", function(d,i) {return d[0];})",
        "    .attr(\"cx\", function(d,i) {return d[1];})",
        "    .attr(\"r\", function(d,i) {return d[2];})",
        "    .attr(\"fill-opacity\",function(d,i) {return d[3];});",
        "        "
       ],
       "output_type": "pyout",
       "prompt_number": 9,
       "text": [
        "<IPython.core.display.Javascript at 0x109937150>"
       ]
      }
     ],
     "prompt_number": 9
    },
    {
     "cell_type": "code",
     "collapsed": true,
     "input": [],
     "language": "python",
     "outputs": [],
     "prompt_number": 9
    }
   ]
  }
 ]
}