example.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": false
   },
   "outputs": [],
   "source": [
    "import networkx as nx\n",
    "import d3shims # pip install d3shims"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## `nx_force()`\n",
    "\n",
    "Provided a NetworkX graph, render it in JS using D3js.\n",
    "\n",
    "### Required Arguments\n",
    "\n",
    "* `G`: a NetworkX graph. `'weight'` attributes on the edges causes D3 to draw a heavier line, and adding a `'group'` attribute to the nodes will have them appear a different color.\n",
    "Provided a NetworkX graph (`G`), render it in JS using D3js.\n",
    "\n",
    "### Keyword Arguments\n",
    "\n",
    "* *size*, a 2-ple with the width and height in pixels. Default: (600, 400)\n",
    "* *labels* can be `None` or `'always'`\n",
    "* *linkdistance* is the relaxed link distance. Default: 30"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style>\n",
       "    .node {\n",
       "      stroke: #fff;\n",
       "      stroke-width: 1.5px;\n",
       "    }\n",
       "\n",
       "    .link {\n",
       "      stroke: #999;\n",
       "      stroke-opacity: .6;\n",
       "    }\n",
       "\n",
       "    .node text {\n",
       "      pointer-events: none;\n",
       "      font: 10px sans-serif;\n",
       "      color: #000;\n",
       "      stroke-width: 0;\n",
       "    }\n",
       "</style>\n",
       "<script>\n",
       "+function() {\n",
       "    var options = {\n",
       "        'divid': '#d3shim-pv34k3lk',\n",
       "        'data': {\"nodes\": [{\"group\": 0, \"name\": \"0\"}, {\"group\": 0, \"name\": \"1\"}, {\"group\": 0, \"name\": \"2\"}, {\"group\": 0, \"name\": \"3\"}, {\"group\": 0, \"name\": \"4\"}, {\"group\": 0, \"name\": \"5\"}, {\"group\": 0, \"name\": \"6\"}, {\"group\": 0, \"name\": \"7\"}, {\"group\": 0, \"name\": \"8\"}, {\"group\": 0, \"name\": \"9\"}], \"links\": [{\"source\": 0, \"value\": 1, \"target\": 1}, {\"source\": 0, \"value\": 1, \"target\": 2}, {\"source\": 0, \"value\": 1, \"target\": 3}, {\"source\": 0, \"value\": 1, \"target\": 4}, {\"source\": 4, \"value\": 1, \"target\": 9}, {\"source\": 4, \"value\": 1, \"target\": 5}, {\"source\": 5, \"value\": 1, \"target\": 6}, {\"source\": 6, \"value\": 1, \"target\": 7}, {\"source\": 7, \"value\": 1, \"target\": 8}, {\"source\": 8, \"value\": 1, \"target\": 9}]},\n",
       "        'width': 200,\n",
       "        'height': 200,\n",
       "        'linkdistance': 30\n",
       "    }\n",
       "\n",
       "    if (window.d3 === undefined) {\n",
       "        console.log('Loading D3 from CDN');\n",
       "        $.getScript('https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.7/d3.js')\n",
       "            .done(function() {\n",
       "                plot_force(options);\n",
       "            });\n",
       "    } else {\n",
       "        plot_force(options);\n",
       "    }\n",
       "\n",
       "    function plot_force(o) {\n",
       "        var color = d3.scale.category20();\n",
       "\n",
       "        var svg = d3.select(o.divid).append(\"svg\")\n",
       "            .attr(\"width\", o.width)\n",
       "            .attr(\"height\", o.height);\n",
       "\n",
       "        var force = d3.layout.force()\n",
       "            .charge(-120)\n",
       "            .linkDistance(o.linkdistance)\n",
       "            .size([o.width, o.height])\n",
       "            .nodes(o.data.nodes)\n",
       "            .links(o.data.links)\n",
       "            .start();\n",
       "\n",
       "        var link = svg.selectAll(\".link\")\n",
       "                .data(o.data.links)\n",
       "            .enter().append(\"line\")\n",
       "                .attr(\"class\", \"link\")\n",
       "                .style(\"stroke-width\", function(d) {\n",
       "                    return Math.sqrt(d.value);\n",
       "                });\n",
       "\n",
       "        var node = svg.selectAll(\".node\")\n",
       "                .data(o.data.nodes)\n",
       "            .enter().append(\"g\")\n",
       "                .attr(\"class\", \"node\")\n",
       "                .call(force.drag)\n",
       "\n",
       "        node.append(\"circle\")\n",
       "            .attr(\"r\", 5)\n",
       "            .style(\"fill\", function(d) { return color(d.group); });\n",
       "\n",
       "        /*node.append(\"title\")\n",
       "            .text(function(d) { return d.name; });*/\n",
       "\n",
       "        \n",
       "\n",
       "        force.on(\"tick\", function() {\n",
       "            link.attr(\"x1\", function(d) { return d.source.x; })\n",
       "                .attr(\"y1\", function(d) { return d.source.y; })\n",
       "                .attr(\"x2\", function(d) { return d.target.x; })\n",
       "                .attr(\"y2\", function(d) { return d.target.y; });\n",
       "\n",
       "            node.attr(\"transform\", function(d) {\n",
       "                return \"translate(\" + d.x + \",\" + d.y + \")\";\n",
       "            });\n",
       "        });\n",
       "    }\n",
       "}();\n",
       "</script>\n",
       "<div id=\"d3shim-pv34k3lk\">\n",
       "</div>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "G = nx.Graph()\n",
    "G.add_star(range(5))\n",
    "G.add_cycle(range(4, 10))\n",
    "\n",
    "d3shims.nx_force(G, size=(200, 200))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style>\n",
       "    .node {\n",
       "      stroke: #fff;\n",
       "      stroke-width: 1.5px;\n",
       "    }\n",
       "\n",
       "    .link {\n",
       "      stroke: #999;\n",
       "      stroke-opacity: .6;\n",
       "    }\n",
       "\n",
       "    .node text {\n",
       "      pointer-events: none;\n",
       "      font: 10px sans-serif;\n",
       "      color: #000;\n",
       "      stroke-width: 0;\n",
       "    }\n",
       "</style>\n",
       "<script>\n",
       "+function() {\n",
       "    var options = {\n",
       "        'divid': '#d3shim-ktl4y6pk',\n",
       "        'data': {\"nodes\": [{\"group\": \"4\", \"name\": \"Anzelma\"}, {\"group\": \"2\", \"name\": \"Labarre\"}, {\"group\": \"4\", \"name\": \"Eponine\"}, {\"group\": \"3\", \"name\": \"Fantine\"}, {\"group\": \"5\", \"name\": \"Woman2\"}, {\"group\": \"3\", \"name\": \"Dahlia\"}, {\"group\": \"1\", \"name\": \"Napoleon\"}, {\"group\": \"5\", \"name\": \"Mlle.Gillenormand\"}, {\"group\": \"4\", \"name\": \"Montparnasse\"}, {\"group\": \"1\", \"name\": \"Cravatte\"}, {\"group\": \"8\", \"name\": \"Courfeyrac\"}, {\"group\": \"0\", \"name\": \"Gribier\"}, {\"group\": \"5\", \"name\": \"Gillenormand\"}, {\"group\": \"8\", \"name\": \"Prouvaire\"}, {\"group\": \"8\", \"name\": \"Combeferre\"}, {\"group\": \"8\", \"name\": \"Bossuet\"}, {\"group\": \"3\", \"name\": \"Blacheville\"}, {\"group\": \"3\", \"name\": \"Perpetue\"}, {\"group\": \"3\", \"name\": \"Zephine\"}, {\"group\": \"2\", \"name\": \"Champmathieu\"}, {\"group\": \"4\", \"name\": \"Thenardier\"}, {\"group\": \"7\", \"name\": \"Jondrette\"}, {\"group\": \"5\", \"name\": \"Mlle.Vaubois\"}, {\"group\": \"1\", \"name\": \"Count\"}, {\"group\": \"8\", \"name\": \"Gavroche\"}, {\"group\": \"4\", \"name\": \"Javert\"}, {\"group\": \"1\", \"name\": \"Geborand\"}, {\"group\": \"8\", \"name\": \"Joly\"}, {\"group\": \"1\", \"name\": \"Champtercier\"}, {\"group\": \"10\", \"name\": \"Child1\"}, {\"group\": \"1\", \"name\": \"Myriel\"}, {\"group\": \"2\", \"name\": \"Woman1\"}, {\"group\": \"0\", \"name\": \"MotherInnocent\"}, {\"group\": \"2\", \"name\": \"Valjean\"}, {\"group\": \"2\", \"name\": \"Judge\"}, {\"group\": \"1\", \"name\": \"OldMan\"}, {\"group\": \"4\", \"name\": \"Brujon\"}, {\"group\": \"4\", \"name\": \"Pontmercy\"}, {\"group\": \"5\", \"name\": \"Mme.Pontmercy\"}, {\"group\": \"0\", \"name\": \"Fauchelevent\"}, {\"group\": \"10\", \"name\": \"Child2\"}, {\"group\": \"5\", \"name\": \"Cosette\"}, {\"group\": \"3\", \"name\": \"Listolier\"}, {\"group\": \"5\", \"name\": \"BaronessT\"}, {\"group\": \"3\", \"name\": \"Favourite\"}, {\"group\": \"2\", \"name\": \"Mme.deR\"}, {\"group\": \"2\", \"name\": \"Scaufflaire\"}, {\"group\": \"6\", \"name\": \"Boulatruelle\"}, {\"group\": \"3\", \"name\": \"Tholomyes\"}, {\"group\": \"2\", \"name\": \"Bamatabois\"}, {\"group\": \"1\", \"name\": \"CountessdeLo\"}, {\"group\": \"3\", \"name\": \"Fameuil\"}, {\"group\": \"8\", \"name\": \"Feuilly\"}, {\"group\": \"5\", \"name\": \"Lt.Gillenormand\"}, {\"group\": \"4\", \"name\": \"Claquesous\"}, {\"group\": \"2\", \"name\": \"Brevet\"}, {\"group\": \"8\", \"name\": \"Enjolras\"}, {\"group\": \"4\", \"name\": \"Mme.Thenardier\"}, {\"group\": \"1\", \"name\": \"Mme.Magloire\"}, {\"group\": \"5\", \"name\": \"Magnon\"}, {\"group\": \"5\", \"name\": \"Toussaint\"}, {\"group\": \"9\", \"name\": \"MotherPlutarch\"}, {\"group\": \"8\", \"name\": \"Mme.Hucheloup\"}, {\"group\": \"4\", \"name\": \"Gueulemer\"}, {\"group\": \"8\", \"name\": \"Bahorel\"}, {\"group\": \"8\", \"name\": \"Grantaire\"}, {\"group\": \"2\", \"name\": \"Simplice\"}, {\"group\": \"1\", \"name\": \"Mlle.Baptistine\"}, {\"group\": \"2\", \"name\": \"Cochepaille\"}, {\"group\": \"2\", \"name\": \"Gervais\"}, {\"group\": \"7\", \"name\": \"Mme.Burgon\"}, {\"group\": \"4\", \"name\": \"Babet\"}, {\"group\": \"2\", \"name\": \"Isabeau\"}, {\"group\": \"8\", \"name\": \"Marius\"}, {\"group\": \"3\", \"name\": \"Marguerite\"}, {\"group\": \"2\", \"name\": \"Chenildieu\"}, {\"group\": \"8\", \"name\": \"Mabeuf\"}], \"links\": [{\"source\": 0, \"value\": \"2\", \"target\": 2}, {\"source\": 0, \"value\": \"1\", \"target\": 57}, {\"source\": 0, \"value\": \"2\", \"target\": 20}, {\"source\": 1, \"value\": \"1\", \"target\": 33}, {\"source\": 2, \"value\": \"1\", \"target\": 10}, {\"source\": 2, \"value\": \"2\", \"target\": 57}, {\"source\": 2, \"value\": \"1\", \"target\": 36}, {\"source\": 2, \"value\": \"5\", \"target\": 73}, {\"source\": 2, \"value\": \"3\", \"target\": 20}, {\"source\": 2, \"value\": \"1\", \"target\": 71}, {\"source\": 2, \"value\": \"1\", \"target\": 63}, {\"source\": 2, \"value\": \"1\", \"target\": 8}, {\"source\": 2, \"value\": \"1\", \"target\": 54}, {\"source\": 2, \"value\": \"1\", \"target\": 76}, {\"source\": 3, \"value\": \"3\", \"target\": 16}, {\"source\": 3, \"value\": \"1\", \"target\": 17}, {\"source\": 3, \"value\": \"9\", \"target\": 33}, {\"source\": 3, \"value\": \"1\", \"target\": 20}, {\"source\": 3, \"value\": \"4\", \"target\": 5}, {\"source\": 3, \"value\": \"3\", \"target\": 42}, {\"source\": 3, \"value\": \"4\", \"target\": 44}, {\"source\": 3, \"value\": \"5\", \"target\": 25}, {\"source\": 3, \"value\": \"3\", \"target\": 48}, {\"source\": 3, \"value\": \"4\", \"target\": 18}, {\"source\": 3, \"value\": \"2\", \"target\": 66}, {\"source\": 3, \"value\": \"1\", \"target\": 49}, {\"source\": 3, \"value\": \"3\", \"target\": 51}, {\"source\": 3, \"value\": \"2\", \"target\": 57}, {\"source\": 3, \"value\": \"2\", \"target\": 74}, {\"source\": 4, \"value\": \"1\", \"target\": 41}, {\"source\": 4, \"value\": \"3\", \"target\": 33}, {\"source\": 4, \"value\": \"1\", \"target\": 25}, {\"source\": 5, \"value\": \"3\", \"target\": 16}, {\"source\": 5, \"value\": \"3\", \"target\": 48}, {\"source\": 5, \"value\": \"4\", \"target\": 18}, {\"source\": 5, \"value\": \"3\", \"target\": 51}, {\"source\": 5, \"value\": \"5\", \"target\": 44}, {\"source\": 5, \"value\": \"3\", \"target\": 42}, {\"source\": 6, \"value\": \"1\", \"target\": 30}, {\"source\": 7, \"value\": \"2\", \"target\": 41}, {\"source\": 7, \"value\": \"9\", \"target\": 12}, {\"source\": 7, \"value\": \"1\", \"target\": 38}, {\"source\": 7, \"value\": \"1\", \"target\": 22}, {\"source\": 7, \"value\": \"2\", \"target\": 53}, {\"source\": 7, \"value\": \"2\", \"target\": 33}, {\"source\": 7, \"value\": \"6\", \"target\": 73}, {\"source\": 8, \"value\": \"2\", \"target\": 63}, {\"source\": 8, \"value\": \"1\", \"target\": 20}, {\"source\": 8, \"value\": \"1\", \"target\": 24}, {\"source\": 8, \"value\": \"2\", \"target\": 71}, {\"source\": 8, \"value\": \"1\", \"target\": 33}, {\"source\": 8, \"value\": \"1\", \"target\": 25}, {\"source\": 8, \"value\": \"2\", \"target\": 54}, {\"source\": 8, \"value\": \"1\", \"target\": 36}, {\"source\": 9, \"value\": \"1\", \"target\": 30}, {\"source\": 10, \"value\": \"17\", \"target\": 56}, {\"source\": 10, \"value\": \"5\", \"target\": 27}, {\"source\": 10, \"value\": \"6\", \"target\": 52}, {\"source\": 10, \"value\": \"12\", \"target\": 15}, {\"source\": 10, \"value\": \"7\", \"target\": 24}, {\"source\": 10, \"value\": \"1\", \"target\": 62}, {\"source\": 10, \"value\": \"2\", \"target\": 65}, {\"source\": 10, \"value\": \"3\", \"target\": 13}, {\"source\": 10, \"value\": \"13\", \"target\": 14}, {\"source\": 10, \"value\": \"2\", \"target\": 76}, {\"source\": 10, \"value\": \"6\", \"target\": 64}, {\"source\": 10, \"value\": \"9\", \"target\": 73}, {\"source\": 11, \"value\": \"2\", \"target\": 39}, {\"source\": 12, \"value\": \"3\", \"target\": 41}, {\"source\": 12, \"value\": \"1\", \"target\": 59}, {\"source\": 12, \"value\": \"1\", \"target\": 53}, {\"source\": 12, \"value\": \"2\", \"target\": 33}, {\"source\": 12, \"value\": \"1\", \"target\": 43}, {\"source\": 12, \"value\": \"12\", \"target\": 73}, {\"source\": 13, \"value\": \"1\", \"target\": 65}, {\"source\": 13, \"value\": \"4\", \"target\": 56}, {\"source\": 13, \"value\": \"2\", \"target\": 52}, {\"source\": 13, \"value\": \"2\", \"target\": 15}, {\"source\": 13, \"value\": \"1\", \"target\": 24}, {\"source\": 13, \"value\": \"2\", \"target\": 14}, {\"source\": 13, \"value\": \"2\", \"target\": 64}, {\"source\": 13, \"value\": \"2\", \"target\": 27}, {\"source\": 14, \"value\": \"5\", \"target\": 27}, {\"source\": 14, \"value\": \"1\", \"target\": 65}, {\"source\": 14, \"value\": \"5\", \"target\": 52}, {\"source\": 14, \"value\": \"9\", \"target\": 15}, {\"source\": 14, \"value\": \"6\", \"target\": 24}, {\"source\": 14, \"value\": \"5\", \"target\": 64}, {\"source\": 14, \"value\": \"2\", \"target\": 76}, {\"source\": 14, \"value\": \"15\", \"target\": 56}, {\"source\": 14, \"value\": \"5\", \"target\": 73}, {\"source\": 15, \"value\": \"10\", \"target\": 56}, {\"source\": 15, \"value\": \"7\", \"target\": 27}, {\"source\": 15, \"value\": \"6\", \"target\": 52}, {\"source\": 15, \"value\": \"5\", \"target\": 24}, {\"source\": 15, \"value\": \"1\", \"target\": 62}, {\"source\": 15, \"value\": \"3\", \"target\": 65}, {\"source\": 15, \"value\": \"1\", \"target\": 76}, {\"source\": 15, \"value\": \"1\", \"target\": 33}, {\"source\": 15, \"value\": \"4\", \"target\": 64}, {\"source\": 15, \"value\": \"5\", \"target\": 73}, {\"source\": 16, \"value\": \"4\", \"target\": 48}, {\"source\": 16, \"value\": \"3\", \"target\": 18}, {\"source\": 16, \"value\": \"4\", \"target\": 51}, {\"source\": 16, \"value\": \"4\", \"target\": 44}, {\"source\": 16, \"value\": \"4\", \"target\": 42}, {\"source\": 17, \"value\": \"2\", \"target\": 66}, {\"source\": 18, \"value\": \"3\", \"target\": 48}, {\"source\": 18, \"value\": \"3\", \"target\": 51}, {\"source\": 18, \"value\": \"4\", \"target\": 44}, {\"source\": 18, \"value\": \"3\", \"target\": 42}, {\"source\": 19, \"value\": \"2\", \"target\": 49}, {\"source\": 19, \"value\": \"2\", \"target\": 55}, {\"source\": 19, \"value\": \"2\", \"target\": 68}, {\"source\": 19, \"value\": \"3\", \"target\": 33}, {\"source\": 19, \"value\": \"3\", \"target\": 34}, {\"source\": 19, \"value\": \"2\", \"target\": 75}, {\"source\": 20, \"value\": \"1\", \"target\": 37}, {\"source\": 20, \"value\": \"3\", \"target\": 36}, {\"source\": 20, \"value\": \"1\", \"target\": 24}, {\"source\": 20, \"value\": \"6\", \"target\": 71}, {\"source\": 20, \"value\": \"5\", \"target\": 63}, {\"source\": 20, \"value\": \"5\", \"target\": 25}, {\"source\": 20, \"value\": \"12\", \"target\": 33}, {\"source\": 20, \"value\": \"1\", \"target\": 47}, {\"source\": 20, \"value\": \"1\", \"target\": 41}, {\"source\": 20, \"value\": \"13\", \"target\": 57}, {\"source\": 20, \"value\": \"4\", \"target\": 54}, {\"source\": 20, \"value\": \"2\", \"target\": 73}, {\"source\": 21, \"value\": \"1\", \"target\": 70}, {\"source\": 23, \"value\": \"2\", \"target\": 30}, {\"source\": 24, \"value\": \"1\", \"target\": 71}, {\"source\": 24, \"value\": \"1\", \"target\": 76}, {\"source\": 24, \"value\": \"7\", \"target\": 56}, {\"source\": 24, \"value\": \"1\", \"target\": 65}, {\"source\": 24, \"value\": \"1\", \"target\": 33}, {\"source\": 24, \"value\": \"2\", \"target\": 52}, {\"source\": 24, \"value\": \"2\", \"target\": 29}, {\"source\": 24, \"value\": \"2\", \"target\": 70}, {\"source\": 24, \"value\": \"1\", \"target\": 62}, {\"source\": 24, \"value\": \"1\", \"target\": 63}, {\"source\": 24, \"value\": \"1\", \"target\": 25}, {\"source\": 24, \"value\": \"3\", \"target\": 27}, {\"source\": 24, \"value\": \"4\", \"target\": 73}, {\"source\": 24, \"value\": \"2\", \"target\": 40}, {\"source\": 24, \"value\": \"5\", \"target\": 64}, {\"source\": 24, \"value\": \"1\", \"target\": 36}, {\"source\": 25, \"value\": \"6\", \"target\": 56}, {\"source\": 25, \"value\": \"1\", \"target\": 41}, {\"source\": 25, \"value\": \"1\", \"target\": 63}, {\"source\": 25, \"value\": \"1\", \"target\": 39}, {\"source\": 25, \"value\": \"1\", \"target\": 57}, {\"source\": 25, \"value\": \"1\", \"target\": 60}, {\"source\": 25, \"value\": \"2\", \"target\": 71}, {\"source\": 25, \"value\": \"1\", \"target\": 66}, {\"source\": 25, \"value\": \"1\", \"target\": 49}, {\"source\": 25, \"value\": \"1\", \"target\": 31}, {\"source\": 25, \"value\": \"17\", \"target\": 33}, {\"source\": 25, \"value\": \"1\", \"target\": 54}, {\"source\": 26, \"value\": \"1\", \"target\": 30}, {\"source\": 27, \"value\": \"5\", \"target\": 56}, {\"source\": 27, \"value\": \"5\", \"target\": 52}, {\"source\": 27, \"value\": \"1\", \"target\": 62}, {\"source\": 27, \"value\": \"2\", \"target\": 65}, {\"source\": 27, \"value\": \"1\", \"target\": 76}, {\"source\": 27, \"value\": \"5\", \"target\": 64}, {\"source\": 27, \"value\": \"2\", \"target\": 73}, {\"source\": 28, \"value\": \"1\", \"target\": 30}, {\"source\": 29, \"value\": \"3\", \"target\": 40}, {\"source\": 30, \"value\": \"8\", \"target\": 67}, {\"source\": 30, \"value\": \"10\", \"target\": 58}, {\"source\": 30, \"value\": \"1\", \"target\": 50}, {\"source\": 30, \"value\": \"5\", \"target\": 33}, {\"source\": 30, \"value\": \"1\", \"target\": 35}, {\"source\": 31, \"value\": \"2\", \"target\": 33}, {\"source\": 32, \"value\": \"1\", \"target\": 33}, {\"source\": 32, \"value\": \"3\", \"target\": 39}, {\"source\": 33, \"value\": \"8\", \"target\": 39}, {\"source\": 33, \"value\": \"1\", \"target\": 45}, {\"source\": 33, \"value\": \"1\", \"target\": 71}, {\"source\": 33, \"value\": \"1\", \"target\": 46}, {\"source\": 33, \"value\": \"2\", \"target\": 49}, {\"source\": 33, \"value\": \"3\", \"target\": 58}, {\"source\": 33, \"value\": \"1\", \"target\": 54}, {\"source\": 33, \"value\": \"4\", \"target\": 56}, {\"source\": 33, \"value\": \"31\", \"target\": 41}, {\"source\": 33, \"value\": \"2\", \"target\": 55}, {\"source\": 33, \"value\": \"1\", \"target\": 60}, {\"source\": 33, \"value\": \"1\", \"target\": 63}, {\"source\": 33, \"value\": \"1\", \"target\": 69}, {\"source\": 33, \"value\": \"3\", \"target\": 66}, {\"source\": 33, \"value\": \"3\", \"target\": 67}, {\"source\": 33, \"value\": \"2\", \"target\": 68}, {\"source\": 33, \"value\": \"1\", \"target\": 72}, {\"source\": 33, \"value\": \"7\", \"target\": 57}, {\"source\": 33, \"value\": \"1\", \"target\": 74}, {\"source\": 33, \"value\": \"3\", \"target\": 34}, {\"source\": 33, \"value\": \"2\", \"target\": 75}, {\"source\": 33, \"value\": \"19\", \"target\": 73}, {\"source\": 34, \"value\": \"2\", \"target\": 49}, {\"source\": 34, \"value\": \"2\", \"target\": 55}, {\"source\": 34, \"value\": \"2\", \"target\": 68}, {\"source\": 34, \"value\": \"2\", \"target\": 75}, {\"source\": 36, \"value\": \"3\", \"target\": 71}, {\"source\": 36, \"value\": \"3\", \"target\": 63}, {\"source\": 36, \"value\": \"1\", \"target\": 54}, {\"source\": 37, \"value\": \"1\", \"target\": 38}, {\"source\": 37, \"value\": \"1\", \"target\": 73}, {\"source\": 41, \"value\": \"4\", \"target\": 57}, {\"source\": 41, \"value\": \"2\", \"target\": 60}, {\"source\": 41, \"value\": \"21\", \"target\": 73}, {\"source\": 41, \"value\": \"1\", \"target\": 53}, {\"source\": 41, \"value\": \"1\", \"target\": 48}, {\"source\": 42, \"value\": \"4\", \"target\": 48}, {\"source\": 42, \"value\": \"3\", \"target\": 44}, {\"source\": 42, \"value\": \"4\", \"target\": 51}, {\"source\": 43, \"value\": \"1\", \"target\": 73}, {\"source\": 44, \"value\": \"3\", \"target\": 48}, {\"source\": 44, \"value\": \"3\", \"target\": 51}, {\"source\": 48, \"value\": \"4\", \"target\": 51}, {\"source\": 48, \"value\": \"1\", \"target\": 73}, {\"source\": 49, \"value\": \"1\", \"target\": 68}, {\"source\": 49, \"value\": \"1\", \"target\": 55}, {\"source\": 49, \"value\": \"1\", \"target\": 75}, {\"source\": 52, \"value\": \"1\", \"target\": 65}, {\"source\": 52, \"value\": \"1\", \"target\": 76}, {\"source\": 52, \"value\": \"3\", \"target\": 64}, {\"source\": 52, \"value\": \"6\", \"target\": 56}, {\"source\": 52, \"value\": \"1\", \"target\": 73}, {\"source\": 53, \"value\": \"1\", \"target\": 73}, {\"source\": 54, \"value\": \"1\", \"target\": 56}, {\"source\": 54, \"value\": \"1\", \"target\": 57}, {\"source\": 54, \"value\": \"4\", \"target\": 63}, {\"source\": 54, \"value\": \"4\", \"target\": 71}, {\"source\": 55, \"value\": \"2\", \"target\": 68}, {\"source\": 55, \"value\": \"2\", \"target\": 75}, {\"source\": 56, \"value\": \"1\", \"target\": 62}, {\"source\": 56, \"value\": \"3\", \"target\": 65}, {\"source\": 56, \"value\": \"1\", \"target\": 76}, {\"source\": 56, \"value\": \"4\", \"target\": 64}, {\"source\": 56, \"value\": \"7\", \"target\": 73}, {\"source\": 57, \"value\": \"1\", \"target\": 59}, {\"source\": 57, \"value\": \"1\", \"target\": 63}, {\"source\": 57, \"value\": \"1\", \"target\": 71}, {\"source\": 58, \"value\": \"6\", \"target\": 67}, {\"source\": 61, \"value\": \"3\", \"target\": 76}, {\"source\": 62, \"value\": \"1\", \"target\": 65}, {\"source\": 62, \"value\": \"1\", \"target\": 64}, {\"source\": 63, \"value\": \"6\", \"target\": 71}, {\"source\": 64, \"value\": \"1\", \"target\": 65}, {\"source\": 64, \"value\": \"2\", \"target\": 76}, {\"source\": 64, \"value\": \"1\", \"target\": 73}, {\"source\": 68, \"value\": \"2\", \"target\": 75}, {\"source\": 73, \"value\": \"1\", \"target\": 76}]},\n",
       "        'width': 600,\n",
       "        'height': 600,\n",
       "        'linkdistance': 100\n",
       "    }\n",
       "\n",
       "    if (window.d3 === undefined) {\n",
       "        console.log('Loading D3 from CDN');\n",
       "        $.getScript('https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.7/d3.js')\n",
       "            .done(function() {\n",
       "                plot_force(options);\n",
       "            });\n",
       "    } else {\n",
       "        plot_force(options);\n",
       "    }\n",
       "\n",
       "    function plot_force(o) {\n",
       "        var color = d3.scale.category20();\n",
       "\n",
       "        var svg = d3.select(o.divid).append(\"svg\")\n",
       "            .attr(\"width\", o.width)\n",
       "            .attr(\"height\", o.height);\n",
       "\n",
       "        var force = d3.layout.force()\n",
       "            .charge(-120)\n",
       "            .linkDistance(o.linkdistance)\n",
       "            .size([o.width, o.height])\n",
       "            .nodes(o.data.nodes)\n",
       "            .links(o.data.links)\n",
       "            .start();\n",
       "\n",
       "        var link = svg.selectAll(\".link\")\n",
       "                .data(o.data.links)\n",
       "            .enter().append(\"line\")\n",
       "                .attr(\"class\", \"link\")\n",
       "                .style(\"stroke-width\", function(d) {\n",
       "                    return Math.sqrt(d.value);\n",
       "                });\n",
       "\n",
       "        var node = svg.selectAll(\".node\")\n",
       "                .data(o.data.nodes)\n",
       "            .enter().append(\"g\")\n",
       "                .attr(\"class\", \"node\")\n",
       "                .call(force.drag)\n",
       "\n",
       "        node.append(\"circle\")\n",
       "            .attr(\"r\", 5)\n",
       "            .style(\"fill\", function(d) { return color(d.group); });\n",
       "\n",
       "        /*node.append(\"title\")\n",
       "            .text(function(d) { return d.name; });*/\n",
       "\n",
       "        \n",
       "        node.append(\"text\")\n",
       "            .attr(\"dx\", 12)\n",
       "            .attr(\"dy\", \".35em\")\n",
       "            .text(function(d) { return d.name; });\n",
       "        \n",
       "\n",
       "        force.on(\"tick\", function() {\n",
       "            link.attr(\"x1\", function(d) { return d.source.x; })\n",
       "                .attr(\"y1\", function(d) { return d.source.y; })\n",
       "                .attr(\"x2\", function(d) { return d.target.x; })\n",
       "                .attr(\"y2\", function(d) { return d.target.y; });\n",
       "\n",
       "            node.attr(\"transform\", function(d) {\n",
       "                return \"translate(\" + d.x + \",\" + d.y + \")\";\n",
       "            });\n",
       "        });\n",
       "    }\n",
       "}();\n",
       "</script>\n",
       "<div id=\"d3shim-ktl4y6pk\">\n",
       "</div>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "G = nx.read_dot('lesmis.dot')\n",
    "d3shims.nx_force(G, size=(600, 600), labels='always', linkdistance=100)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "*Les Misérables* character co-appearence data compiled by [Donald Knuth][kofknr].\n",
    "\n",
    "[kofknr]: http://www-cs-faculty.stanford.edu/~uno/sgb.html\n"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.4.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}