Force layout mis

by A B Jones

CSS

.node {
  stroke: #fff;
  stroke-width: 1.5px;
}

.link {
  stroke: #999;
  stroke-opacity: .6;
}

JavaScript

var data = {
  "nodes": [{
    "name": "Myriel",
    "group": 1
  }, {
    "name": "Napoleon",
    "group": 1
  }, {
    "name": "Mlle.Baptistine",
    "group": 1
  }, {
    "name": "Mme.Magloire",
    "group": 1
  }, {
    "name": "CountessdeLo",
    "group": 1
  }, {
    "name": "Geborand",
    "group": 1
  }, {
    "name": "Champtercier",
    "group": 1
  }, {
    "name": "Cravatte",
    "group": 1
  }, {
    "name": "Count",
    "group": 1
  }, {
    "name": "OldMan",
    "group": 1
  }, {
    "name": "Labarre",
    "group": 2
  }, {
    "name": "Valjean",
    "group": 2
  }, {
    "name": "Marguerite",
    "group": 3
  }, {
    "name": "Mme.deR",
    "group": 2
  }, {
    "name": "Isabeau",
    "group": 2
  }, {
    "name": "Gervais",
    "group": 2
  }, {
    "name": "Tholomyes",
    "group": 3
  }, {
    "name": "Listolier",
    "group": 3
  }, {
    "name": "Fameuil",
    "group": 3
  }, {
    "name": "Blacheville",
    "group": 3
  }, {
    "name": "Favourite",
    "group": 3
  }, {
    "name": "Dahlia",
    "group": 3
  }, {
    "name": "Zephine",
    "group": 3
  }, {
    "name": "Fantine",
    "group": 3
  }, {
    "name": "Mme.Thenardier",
    "group": 4
  }, {
    "name": "Thenardier",
    "group": 4
  }, {
    "name": "Cosette",
    "group": 5
  }, {
    "name": "Javert",
    "group": 4
  }, {
    "name": "Fauchelevent",
    "group": 0
  }, {
    "name": "Bamatabois",
    "group": 2
  }, {
    "name": "Perpetue",
    "group": 3
  }, {
    "name": "Simplice",
    "group": 2
  }, {
    "name": "Scaufflaire",
    "group": 2
  }, {
    "name": "Woman1",
    "group": 2
  }, {
    "name": "Judge",
    "group": 2
  }, {
    "name": "Champmathieu",
    "group": 2
  }, {
    "name": "Brevet",
    "group": 2
  }, {
    "name": "Chenildieu",
    "group": 2
  }, {
    "name": "Cochepaille",
    "group": 2
  }, {
    "name": "Pontmercy",
    "group": 4
  }, {
    "name": "Boulatruelle",
    "group": 6
  }, {
    "name": "Eponine",
    "group": 4
  }, {
   ...