Начало Каталог Помощ
Вход
kevin
/
r2c_mapd3js
1
0
Разклонения 0
Файлове Задачи 0 Заявки за сливане 0 Уики
Преглед на файлове

show name graph

Kévin Tessier преди 6 години
ревизия
1e8e0ff1e5
променени са 10 файла, в които са добавени 597 реда и са изтрити 0 реда
Разделен изглед Покажи статистика за разликите
  1. 83 0
      index.html
  2. 337 0
      miserables.json
  3. 2 0
      script/d3js/API.md
  4. 6 0
      script/d3js/CHANGES.md
  5. 27 0
      script/d3js/LICENSE
  6. 57 0
      script/d3js/README.md
  7. 1 0
      script/d3js/d3.js
  8. 1 0
      script/d3js/d3.min.js
  9. 70 0
      script/script.js
  10. 13 0
      styles/styles.css

+ 83 - 0
index.html
Целия файл 

@@ -0,0 +1,83 @@
 
+<!DOCTYPE html>
 
+<meta charset="utf-8">
 
+<link rel="stylesheet" href="styles/styles.css">
 
+<svg width="960" height="600"></svg>
 
+<script src="script/d3js/d3.js"></script>
 
+<script src="script/script.js"></script>
 
+<!--
 
+<script>
 
+
 
+var svg = d3.select("svg"),
 
+    width = +svg.attr("width"),
 
+    height = +svg.attr("height");
 
+
 
+var color = d3.scaleOrdinal(d3.schemeCategory20);
 
+
 
+var simulation = d3.forceSimulation()
 
+    .force("link", d3.forceLink().id(function(d) { return d.id; }))
 
+    .force("charge", d3.forceManyBody())
 
+    .force("center", d3.forceCenter(width / 2, height / 2));
 
+
 
+d3.json("miserables.json", function(error, graph) {
 
+  if (error) throw error;
 
+
 
+  var link = svg.append("g")
 
+      .attr("class", "links")
 
+    .selectAll("line")
 
+    .data(graph.links)
 
+    .enter().append("line")
 
+      .attr("stroke-width", function(d) { return Math.sqrt(d.value); });
 
+
 
+  var node = svg.append("g")
 
+      .attr("class", "nodes")
 
+    .selectAll("circle")
 
+    .data(graph.nodes)
 
+    .enter().append("circle")
 
+      .attr("r", 5)
 
+      .attr("fill", function(d) { return color(d.group); })
 
+      .call(d3.drag()
 
+          .on("start", dragstarted)
 
+          .on("drag", dragged)
 
+          .on("end", dragended));
 
+
 
+  node.append("title")
 
+      .text(function(d) { return d.id; });
 
+
 
+  simulation
 
+      .nodes(graph.nodes)
 
+      .on("tick", ticked);
 
+
 
+  simulation.force("link")
 
+      .links(graph.links);
 
+
 
+  function ticked() {
 
+    link
 
+        .attr("x1", function(d) { return d.source.x; })
 
+        .attr("y1", function(d) { return d.source.y; })
 
+        .attr("x2", function(d) { return d.target.x; })
 
+        .attr("y2", function(d) { return d.target.y; });
 
+
 
+    node
 
+        .attr("cx", function(d) { return d.x; })
 
+        .attr("cy", function(d) { return d.y; });
 
+  }
 
+});
 
+
 
+function dragstarted(d) {
 
+  if (!d3.event.active) simulation.alphaTarget(0.3).restart();
 
+  d.fx = d.x;
 
+  d.fy = d.y;
 
+}
 
+
 
+function dragged(d) {
 
+  d.fx = d3.event.x;
 
+  d.fy = d3.event.y;
 
+}
 
+
 
+function dragended(d) {
 
+  if (!d3.event.active) simulation.alphaTarget(0);
 
+  d.fx = null;
 
+  d.fy = null;
 
+}
 
+
 
+</script> -->

+ 337 - 0
miserables.json
Целия файл 

@@ -0,0 +1,337 @@
 
+{
 
+  "nodes": [
 
+    {"id": "Myriel", "group": 1},
 
+    {"id": "Napoleon", "group": 1},
 
+    {"id": "Mlle.Baptistine", "group": 1},
 
+    {"id": "Mme.Magloire", "group": 1},
 
+    {"id": "CountessdeLo", "group": 1},
 
+    {"id": "Geborand", "group": 1},
 
+    {"id": "Champtercier", "group": 1},
 
+    {"id": "Cravatte", "group": 1},
 
+    {"id": "Count", "group": 1},
 
+    {"id": "OldMan", "group": 1},
 
+    {"id": "Labarre", "group": 2},
 
+    {"id": "Valjean", "group": 2},
 
+    {"id": "Marguerite", "group": 3},
 
+    {"id": "Mme.deR", "group": 2},
 
+    {"id": "Isabeau", "group": 2},
 
+    {"id": "Gervais", "group": 2},
 
+    {"id": "Tholomyes", "group": 3},
 
+    {"id": "Listolier", "group": 3},
 
+    {"id": "Fameuil", "group": 3},
 
+    {"id": "Blacheville", "group": 3},
 
+    {"id": "Favourite", "group": 3},
 
+    {"id": "Dahlia", "group": 3},
 
+    {"id": "Zephine", "group": 3},
 
+    {"id": "Fantine", "group": 3},
 
+    {"id": "Mme.Thenardier", "group": 4},
 
+    {"id": "Thenardier", "group": 4},
 
+    {"id": "Cosette", "group": 5},
 
+    {"id": "Javert", "group": 4},
 
+    {"id": "Fauchelevent", "group": 0},
 
+    {"id": "Bamatabois", "group": 2},
 
+    {"id": "Perpetue", "group": 3},
 
+    {"id": "Simplice", "group": 2},
 
+    {"id": "Scaufflaire", "group": 2},
 
+    {"id": "Woman1", "group": 2},
 
+    {"id": "Judge", "group": 2},
 
+    {"id": "Champmathieu", "group": 2},
 
+    {"id": "Brevet", "group": 2},
 
+    {"id": "Chenildieu", "group": 2},
 
+    {"id": "Cochepaille", "group": 2},
 
+    {"id": "Pontmercy", "group": 4},
 
+    {"id": "Boulatruelle", "group": 6},
 
+    {"id": "Eponine", "group": 4},
 
+    {"id": "Anzelma", "group": 4},
 
+    {"id": "Woman2", "group": 5},
 
+    {"id": "MotherInnocent", "group": 0},
 
+    {"id": "Gribier", "group": 0},
 
+    {"id": "Jondrette", "group": 7},
 
+    {"id": "Mme.Burgon", "group": 7},
 
+    {"id": "Gavroche", "group": 8},
 
+    {"id": "Gillenormand", "group": 5},
 
+    {"id": "Magnon", "group": 5},
 
+    {"id": "Mlle.Gillenormand", "group": 5},
 
+    {"id": "Mme.Pontmercy", "group": 5},
 
+    {"id": "Mlle.Vaubois", "group": 5},
 
+    {"id": "Lt.Gillenormand", "group": 5},
 
+    {"id": "Marius", "group": 8},
 
+    {"id": "BaronessT", "group": 5},
 
+    {"id": "Mabeuf", "group": 8},
 
+    {"id": "Enjolras", "group": 8},
 
+    {"id": "Combeferre", "group": 8},
 
+    {"id": "Prouvaire", "group": 8},
 
+    {"id": "Feuilly", "group": 8},
 
+    {"id": "Courfeyrac", "group": 8},
 
+    {"id": "Bahorel", "group": 8},
 
+    {"id": "Bossuet", "group": 8},
 
+    {"id": "Joly", "group": 8},
 
+    {"id": "Grantaire", "group": 8},
 
+    {"id": "MotherPlutarch", "group": 9},
 
+    {"id": "Gueulemer", "group": 4},
 
+    {"id": "Babet", "group": 4},
 
+    {"id": "Claquesous", "group": 4},
 
+    {"id": "Montparnasse", "group": 4},
 
+    {"id": "Toussaint", "group": 5},
 
+    {"id": "Child1", "group": 10},
 
+    {"id": "Child2", "group": 10},
 
+    {"id": "Brujon", "group": 4},
 
+    {"id": "Mme.Hucheloup", "group": 8}
 
+  ],
 
+  "links": [
 
+    {"source": "Napoleon", "target": "Myriel", "value": 1},
 
+    {"source": "Mlle.Baptistine", "target": "Myriel", "value": 8},
 
+    {"source": "Mme.Magloire", "target": "Myriel", "value": 10},
 
+    {"source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 6},
 
+    {"source": "CountessdeLo", "target": "Myriel", "value": 1},
 
+    {"source": "Geborand", "target": "Myriel", "value": 1},
 
+    {"source": "Champtercier", "target": "Myriel", "value": 1},
 
+    {"source": "Cravatte", "target": "Myriel", "value": 1},
 
+    {"source": "Count", "target": "Myriel", "value": 2},
 
+    {"source": "OldMan", "target": "Myriel", "value": 1},
 
+    {"source": "Valjean", "target": "Labarre", "value": 1},
 
+    {"source": "Valjean", "target": "Mme.Magloire", "value": 3},
 
+    {"source": "Valjean", "target": "Mlle.Baptistine", "value": 3},
 
+    {"source": "Valjean", "target": "Myriel", "value": 5},
 
+    {"source": "Marguerite", "target": "Valjean", "value": 1},
 
+    {"source": "Mme.deR", "target": "Valjean", "value": 1},
 
+    {"source": "Isabeau", "target": "Valjean", "value": 1},
 
+    {"source": "Gervais", "target": "Valjean", "value": 1},
 
+    {"source": "Listolier", "target": "Tholomyes", "value": 4},
 
+    {"source": "Fameuil", "target": "Tholomyes", "value": 4},
 
+    {"source": "Fameuil", "target": "Listolier", "value": 4},
 
+    {"source": "Blacheville", "target": "Tholomyes", "value": 4},
 
+    {"source": "Blacheville", "target": "Listolier", "value": 4},
 
+    {"source": "Blacheville", "target": "Fameuil", "value": 4},
 
+    {"source": "Favourite", "target": "Tholomyes", "value": 3},
 
+    {"source": "Favourite", "target": "Listolier", "value": 3},
 
+    {"source": "Favourite", "target": "Fameuil", "value": 3},
 
+    {"source": "Favourite", "target": "Blacheville", "value": 4},
 
+    {"source": "Dahlia", "target": "Tholomyes", "value": 3},
 
+    {"source": "Dahlia", "target": "Listolier", "value": 3},
 
+    {"source": "Dahlia", "target": "Fameuil", "value": 3},
 
+    {"source": "Dahlia", "target": "Blacheville", "value": 3},
 
+    {"source": "Dahlia", "target": "Favourite", "value": 5},
 
+    {"source": "Zephine", "target": "Tholomyes", "value": 3},
 
+    {"source": "Zephine", "target": "Listolier", "value": 3},
 
+    {"source": "Zephine", "target": "Fameuil", "value": 3},
 
+    {"source": "Zephine", "target": "Blacheville", "value": 3},
 
+    {"source": "Zephine", "target": "Favourite", "value": 4},
 
+    {"source": "Zephine", "target": "Dahlia", "value": 4},
 
+    {"source": "Fantine", "target": "Tholomyes", "value": 3},
 
+    {"source": "Fantine", "target": "Listolier", "value": 3},
 
+    {"source": "Fantine", "target": "Fameuil", "value": 3},
 
+    {"source": "Fantine", "target": "Blacheville", "value": 3},
 
+    {"source": "Fantine", "target": "Favourite", "value": 4},
 
+    {"source": "Fantine", "target": "Dahlia", "value": 4},
 
+    {"source": "Fantine", "target": "Zephine", "value": 4},
 
+    {"source": "Fantine", "target": "Marguerite", "value": 2},
 
+    {"source": "Fantine", "target": "Valjean", "value": 9},
 
+    {"source": "Mme.Thenardier", "target": "Fantine", "value": 2},
 
+    {"source": "Mme.Thenardier", "target": "Valjean", "value": 7},
 
+    {"source": "Thenardier", "target": "Mme.Thenardier", "value": 13},
 
+    {"source": "Thenardier", "target": "Fantine", "value": 1},
 
+    {"source": "Thenardier", "target": "Valjean", "value": 12},
 
+    {"source": "Cosette", "target": "Mme.Thenardier", "value": 4},
 
+    {"source": "Cosette", "target": "Valjean", "value": 31},
 
+    {"source": "Cosette", "target": "Tholomyes", "value": 1},
 
+    {"source": "Cosette", "target": "Thenardier", "value": 1},
 
+    {"source": "Javert", "target": "Valjean", "value": 17},
 
+    {"source": "Javert", "target": "Fantine", "value": 5},
 
+    {"source": "Javert", "target": "Thenardier", "value": 5},
 
+    {"source": "Javert", "target": "Mme.Thenardier", "value": 1},
 
+    {"source": "Javert", "target": "Cosette", "value": 1},
 
+    {"source": "Fauchelevent", "target": "Valjean", "value": 8},
 
+    {"source": "Fauchelevent", "target": "Javert", "value": 1},
 
+    {"source": "Bamatabois", "target": "Fantine", "value": 1},
 
+    {"source": "Bamatabois", "target": "Javert", "value": 1},
 
+    {"source": "Bamatabois", "target": "Valjean", "value": 2},
 
+    {"source": "Perpetue", "target": "Fantine", "value": 1},
 
+    {"source": "Simplice", "target": "Perpetue", "value": 2},
 
+    {"source": "Simplice", "target": "Valjean", "value": 3},
 
+    {"source": "Simplice", "target": "Fantine", "value": 2},
 
+    {"source": "Simplice", "target": "Javert", "value": 1},
 
+    {"source": "Scaufflaire", "target": "Valjean", "value": 1},
 
+    {"source": "Woman1", "target": "Valjean", "value": 2},
 
+    {"source": "Woman1", "target": "Javert", "value": 1},
 
+    {"source": "Judge", "target": "Valjean", "value": 3},
 
+    {"source": "Judge", "target": "Bamatabois", "value": 2},
 
+    {"source": "Champmathieu", "target": "Valjean", "value": 3},
 
+    {"source": "Champmathieu", "target": "Judge", "value": 3},
 
+    {"source": "Champmathieu", "target": "Bamatabois", "value": 2},
 
+    {"source": "Brevet", "target": "Judge", "value": 2},
 
+    {"source": "Brevet", "target": "Champmathieu", "value": 2},
 
+    {"source": "Brevet", "target": "Valjean", "value": 2},
 
+    {"source": "Brevet", "target": "Bamatabois", "value": 1},
 
+    {"source": "Chenildieu", "target": "Judge", "value": 2},
 
+    {"source": "Chenildieu", "target": "Champmathieu", "value": 2},
 
+    {"source": "Chenildieu", "target": "Brevet", "value": 2},
 
+    {"source": "Chenildieu", "target": "Valjean", "value": 2},
 
+    {"source": "Chenildieu", "target": "Bamatabois", "value": 1},
 
+    {"source": "Cochepaille", "target": "Judge", "value": 2},
 
+    {"source": "Cochepaille", "target": "Champmathieu", "value": 2},
 
+    {"source": "Cochepaille", "target": "Brevet", "value": 2},
 
+    {"source": "Cochepaille", "target": "Chenildieu", "value": 2},
 
+    {"source": "Cochepaille", "target": "Valjean", "value": 2},
 
+    {"source": "Cochepaille", "target": "Bamatabois", "value": 1},
 
+    {"source": "Pontmercy", "target": "Thenardier", "value": 1},
 
+    {"source": "Boulatruelle", "target": "Thenardier", "value": 1},
 
+    {"source": "Eponine", "target": "Mme.Thenardier", "value": 2},
 
+    {"source": "Eponine", "target": "Thenardier", "value": 3},
 
+    {"source": "Anzelma", "target": "Eponine", "value": 2},
 
+    {"source": "Anzelma", "target": "Thenardier", "value": 2},
 
+    {"source": "Anzelma", "target": "Mme.Thenardier", "value": 1},
 
+    {"source": "Woman2", "target": "Valjean", "value": 3},
 
+    {"source": "Woman2", "target": "Cosette", "value": 1},
 
+    {"source": "Woman2", "target": "Javert", "value": 1},
 
+    {"source": "MotherInnocent", "target": "Fauchelevent", "value": 3},
 
+    {"source": "MotherInnocent", "target": "Valjean", "value": 1},
 
+    {"source": "Gribier", "target": "Fauchelevent", "value": 2},
 
+    {"source": "Mme.Burgon", "target": "Jondrette", "value": 1},
 
+    {"source": "Gavroche", "target": "Mme.Burgon", "value": 2},
 
+    {"source": "Gavroche", "target": "Thenardier", "value": 1},
 
+    {"source": "Gavroche", "target": "Javert", "value": 1},
 
+    {"source": "Gavroche", "target": "Valjean", "value": 1},
 
+    {"source": "Gillenormand", "target": "Cosette", "value": 3},
 
+    {"source": "Gillenormand", "target": "Valjean", "value": 2},
 
+    {"source": "Magnon", "target": "Gillenormand", "value": 1},
 
+    {"source": "Magnon", "target": "Mme.Thenardier", "value": 1},
 
+    {"source": "Mlle.Gillenormand", "target": "Gillenormand", "value": 9},
 
+    {"source": "Mlle.Gillenormand", "target": "Cosette", "value": 2},
 
+    {"source": "Mlle.Gillenormand", "target": "Valjean", "value": 2},
 
+    {"source": "Mme.Pontmercy", "target": "Mlle.Gillenormand", "value": 1},
 
+    {"source": "Mme.Pontmercy", "target": "Pontmercy", "value": 1},
 
+    {"source": "Mlle.Vaubois", "target": "Mlle.Gillenormand", "value": 1},
 
+    {"source": "Lt.Gillenormand", "target": "Mlle.Gillenormand", "value": 2},
 
+    {"source": "Lt.Gillenormand", "target": "Gillenormand", "value": 1},
 
+    {"source": "Lt.Gillenormand", "target": "Cosette", "value": 1},
 
+    {"source": "Marius", "target": "Mlle.Gillenormand", "value": 6},
 
+    {"source": "Marius", "target": "Gillenormand", "value": 12},
 
+    {"source": "Marius", "target": "Pontmercy", "value": 1},
 
+    {"source": "Marius", "target": "Lt.Gillenormand", "value": 1},
 
+    {"source": "Marius", "target": "Cosette", "value": 21},
 
+    {"source": "Marius", "target": "Valjean", "value": 19},
 
+    {"source": "Marius", "target": "Tholomyes", "value": 1},
 
+    {"source": "Marius", "target": "Thenardier", "value": 2},
 
+    {"source": "Marius", "target": "Eponine", "value": 5},
 
+    {"source": "Marius", "target": "Gavroche", "value": 4},
 
+    {"source": "BaronessT", "target": "Gillenormand", "value": 1},
 
+    {"source": "BaronessT", "target": "Marius", "value": 1},
 
+    {"source": "Mabeuf", "target": "Marius", "value": 1},
 
+    {"source": "Mabeuf", "target": "Eponine", "value": 1},
 
+    {"source": "Mabeuf", "target": "Gavroche", "value": 1},
 
+    {"source": "Enjolras", "target": "Marius", "value": 7},
 
+    {"source": "Enjolras", "target": "Gavroche", "value": 7},
 
+    {"source": "Enjolras", "target": "Javert", "value": 6},
 
+    {"source": "Enjolras", "target": "Mabeuf", "value": 1},
 
+    {"source": "Enjolras", "target": "Valjean", "value": 4},
 
+    {"source": "Combeferre", "target": "Enjolras", "value": 15},
 
+    {"source": "Combeferre", "target": "Marius", "value": 5},
 
+    {"source": "Combeferre", "target": "Gavroche", "value": 6},
 
+    {"source": "Combeferre", "target": "Mabeuf", "value": 2},
 
+    {"source": "Prouvaire", "target": "Gavroche", "value": 1},
 
+    {"source": "Prouvaire", "target": "Enjolras", "value": 4},
 
+    {"source": "Prouvaire", "target": "Combeferre", "value": 2},
 
+    {"source": "Feuilly", "target": "Gavroche", "value": 2},
 
+    {"source": "Feuilly", "target": "Enjolras", "value": 6},
 
+    {"source": "Feuilly", "target": "Prouvaire", "value": 2},
 
+    {"source": "Feuilly", "target": "Combeferre", "value": 5},
 
+    {"source": "Feuilly", "target": "Mabeuf", "value": 1},
 
+    {"source": "Feuilly", "target": "Marius", "value": 1},
 
+    {"source": "Courfeyrac", "target": "Marius", "value": 9},
 
+    {"source": "Courfeyrac", "target": "Enjolras", "value": 17},
 
+    {"source": "Courfeyrac", "target": "Combeferre", "value": 13},
 
+    {"source": "Courfeyrac", "target": "Gavroche", "value": 7},
 
+    {"source": "Courfeyrac", "target": "Mabeuf", "value": 2},
 
+    {"source": "Courfeyrac", "target": "Eponine", "value": 1},
 
+    {"source": "Courfeyrac", "target": "Feuilly", "value": 6},
 
+    {"source": "Courfeyrac", "target": "Prouvaire", "value": 3},
 
+    {"source": "Bahorel", "target": "Combeferre", "value": 5},
 
+    {"source": "Bahorel", "target": "Gavroche", "value": 5},
 
+    {"source": "Bahorel", "target": "Courfeyrac", "value": 6},
 
+    {"source": "Bahorel", "target": "Mabeuf", "value": 2},
 
+    {"source": "Bahorel", "target": "Enjolras", "value": 4},
 
+    {"source": "Bahorel", "target": "Feuilly", "value": 3},
 
+    {"source": "Bahorel", "target": "Prouvaire", "value": 2},
 
+    {"source": "Bahorel", "target": "Marius", "value": 1},
 
+    {"source": "Bossuet", "target": "Marius", "value": 5},
 
+    {"source": "Bossuet", "target": "Courfeyrac", "value": 12},
 
+    {"source": "Bossuet", "target": "Gavroche", "value": 5},
 
+    {"source": "Bossuet", "target": "Bahorel", "value": 4},
 
+    {"source": "Bossuet", "target": "Enjolras", "value": 10},
 
+    {"source": "Bossuet", "target": "Feuilly", "value": 6},
 
+    {"source": "Bossuet", "target": "Prouvaire", "value": 2},
 
+    {"source": "Bossuet", "target": "Combeferre", "value": 9},
 
+    {"source": "Bossuet", "target": "Mabeuf", "value": 1},
 
+    {"source": "Bossuet", "target": "Valjean", "value": 1},
 
+    {"source": "Joly", "target": "Bahorel", "value": 5},
 
+    {"source": "Joly", "target": "Bossuet", "value": 7},
 
+    {"source": "Joly", "target": "Gavroche", "value": 3},
 
+    {"source": "Joly", "target": "Courfeyrac", "value": 5},
 
+    {"source": "Joly", "target": "Enjolras", "value": 5},
 
+    {"source": "Joly", "target": "Feuilly", "value": 5},
 
+    {"source": "Joly", "target": "Prouvaire", "value": 2},
 
+    {"source": "Joly", "target": "Combeferre", "value": 5},
 
+    {"source": "Joly", "target": "Mabeuf", "value": 1},
 
+    {"source": "Joly", "target": "Marius", "value": 2},
 
+    {"source": "Grantaire", "target": "Bossuet", "value": 3},
 
+    {"source": "Grantaire", "target": "Enjolras", "value": 3},
 
+    {"source": "Grantaire", "target": "Combeferre", "value": 1},
 
+    {"source": "Grantaire", "target": "Courfeyrac", "value": 2},
 
+    {"source": "Grantaire", "target": "Joly", "value": 2},
 
+    {"source": "Grantaire", "target": "Gavroche", "value": 1},
 
+    {"source": "Grantaire", "target": "Bahorel", "value": 1},
 
+    {"source": "Grantaire", "target": "Feuilly", "value": 1},
 
+    {"source": "Grantaire", "target": "Prouvaire", "value": 1},
 
+    {"source": "MotherPlutarch", "target": "Mabeuf", "value": 3},
 
+    {"source": "Gueulemer", "target": "Thenardier", "value": 5},
 
+    {"source": "Gueulemer", "target": "Valjean", "value": 1},
 
+    {"source": "Gueulemer", "target": "Mme.Thenardier", "value": 1},
 
+    {"source": "Gueulemer", "target": "Javert", "value": 1},
 
+    {"source": "Gueulemer", "target": "Gavroche", "value": 1},
 
+    {"source": "Gueulemer", "target": "Eponine", "value": 1},
 
+    {"source": "Babet", "target": "Thenardier", "value": 6},
 
+    {"source": "Babet", "target": "Gueulemer", "value": 6},
 
+    {"source": "Babet", "target": "Valjean", "value": 1},
 
+    {"source": "Babet", "target": "Mme.Thenardier", "value": 1},
 
+    {"source": "Babet", "target": "Javert", "value": 2},
 
+    {"source": "Babet", "target": "Gavroche", "value": 1},
 
+    {"source": "Babet", "target": "Eponine", "value": 1},
 
+    {"source": "Claquesous", "target": "Thenardier", "value": 4},
 
+    {"source": "Claquesous", "target": "Babet", "value": 4},
 
+    {"source": "Claquesous", "target": "Gueulemer", "value": 4},
 
+    {"source": "Claquesous", "target": "Valjean", "value": 1},
 
+    {"source": "Claquesous", "target": "Mme.Thenardier", "value": 1},
 
+    {"source": "Claquesous", "target": "Javert", "value": 1},
 
+    {"source": "Claquesous", "target": "Eponine", "value": 1},
 
+    {"source": "Claquesous", "target": "Enjolras", "value": 1},
 
+    {"source": "Montparnasse", "target": "Javert", "value": 1},
 
+    {"source": "Montparnasse", "target": "Babet", "value": 2},
 
+    {"source": "Montparnasse", "target": "Gueulemer", "value": 2},
 
+    {"source": "Montparnasse", "target": "Claquesous", "value": 2},
 
+    {"source": "Montparnasse", "target": "Valjean", "value": 1},
 
+    {"source": "Montparnasse", "target": "Gavroche", "value": 1},
 
+    {"source": "Montparnasse", "target": "Eponine", "value": 1},
 
+    {"source": "Montparnasse", "target": "Thenardier", "value": 1},
 
+    {"source": "Toussaint", "target": "Cosette", "value": 2},
 
+    {"source": "Toussaint", "target": "Javert", "value": 1},
 
+    {"source": "Toussaint", "target": "Valjean", "value": 1},
 
+    {"source": "Child1", "target": "Gavroche", "value": 2},
 
+    {"source": "Child2", "target": "Gavroche", "value": 2},
 
+    {"source": "Child2", "target": "Child1", "value": 3},
 
+    {"source": "Brujon", "target": "Babet", "value": 3},
 
+    {"source": "Brujon", "target": "Gueulemer", "value": 3},
 
+    {"source": "Brujon", "target": "Thenardier", "value": 3},
 
+    {"source": "Brujon", "target": "Gavroche", "value": 1},
 
+    {"source": "Brujon", "target": "Eponine", "value": 1},
 
+    {"source": "Brujon", "target": "Claquesous", "value": 1},
 
+    {"source": "Brujon", "target": "Montparnasse", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Bossuet", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Joly", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Grantaire", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Bahorel", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Courfeyrac", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Gavroche", "value": 1},
 
+    {"source": "Mme.Hucheloup", "target": "Enjolras", "value": 1}
 
+  ]
 
+}

Файловите разлики са ограничени, защото са твърде много
+ 2 - 0
script/d3js/API.md


Файловите разлики са ограничени, защото са твърде много
+ 6 - 0
script/d3js/CHANGES.md


+ 27 - 0
script/d3js/LICENSE
Целия файл 

@@ -0,0 +1,27 @@
 
+Copyright 2010-2017 Mike Bostock
 
+All rights reserved.
 
+
 
+Redistribution and use in source and binary forms, with or without modification,
 
+are permitted provided that the following conditions are met:
 
+
 
+* Redistributions of source code must retain the above copyright notice, this
 
+  list of conditions and the following disclaimer.
 
+
 
+* Redistributions in binary form must reproduce the above copyright notice,
 
+  this list of conditions and the following disclaimer in the documentation
 
+  and/or other materials provided with the distribution.
 
+
 
+* Neither the name of the author nor the names of contributors may be used to
 
+  endorse or promote products derived from this software without specific prior
 
+  written permission.
 
+
 
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

+ 57 - 0
script/d3js/README.md
Целия файл 

@@ -0,0 +1,57 @@
 
+# D3: Data-Driven Documents
 
+
 
+<a href="https://d3js.org"><img src="https://d3js.org/logo.svg" align="left" hspace="10" vspace="6"></a>
 
+
 
+**D3** (or **D3.js**) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
 
+
 
+## Resources
 
+
 
+* [API Reference](https://github.com/d3/d3/blob/master/API.md)
 
+* [Release Notes](https://github.com/d3/d3/releases)
 
+* [Gallery](https://github.com/d3/d3/wiki/Gallery)
 
+* [Examples](https://bl.ocks.org/mbostock)
 
+* [Wiki](https://github.com/d3/d3/wiki)
 
+
 
+## Installing
 
+
 
+If you use npm, `npm install d3`. Otherwise, download the [latest release](https://github.com/d3/d3/releases/latest). The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from [d3js.org](https://d3js.org), [CDNJS](https://cdnjs.com/libraries/d3), or [unpkg](https://unpkg.com/d3/). For example:
 
+
 
+```html
 
+<script src="https://d3js.org/d3.v5.js"></script>
 
+```
 
+
 
+For the minified version:
 
+
 
+```html
 
+<script src="https://d3js.org/d3.v5.min.js"></script>
 
+```
 
+
 
+You can also use the standalone D3 microlibraries. For example, [d3-selection](https://github.com/d3/d3-selection):
 
+
 
+```html
 
+<script src="https://d3js.org/d3-selection.v1.js"></script>
 
+```
 
+
 
+D3 is written using [ES2015 modules](http://www.2ality.com/2014/09/es6-modules-final.html). Create a [custom bundle using Rollup](https://bl.ocks.org/mbostock/bb09af4c39c79cffcde4), Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:
 
+
 
+```js
 
+import {scaleLinear} from "d3-scale";
 
+```
 
+
 
+Or import everything into a namespace (here, `d3`):
 
+
 
+```js
 
+import * as d3 from "d3";
 
+```
 
+
 
+In Node:
 
+
 
+```js
 
+var d3 = require("d3");
 
+```
 
+
 
+You can also require individual modules and combine them into a `d3` object using [Object.assign](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign):
 
+
 
+```js
 
+var d3 = Object.assign({}, require("d3-format"), require("d3-geo"), require("d3-geo-projection"));
 
+```

Файловите разлики са ограничени, защото са твърде много
+ 1 - 0
script/d3js/d3.js


Файловите разлики са ограничени, защото са твърде много
+ 1 - 0
script/d3js/d3.min.js


+ 70 - 0
script/script.js
Целия файл 

@@ -0,0 +1,70 @@
 
+
 
+  var svg = d3.select("svg"),
 
+      width = +svg.attr("width"),
 
+      height = +svg.attr("height");
 
+
 
+  var color = d3.scaleOrdinal(d3.schemeCategory20);
 
+
 
+  var simulation = d3.forceSimulation()
 
+      .force("link", d3.forceLink().id(function(d) { return d.id; }))
 
+      .force("charge", d3.forceManyBody())
 
+      .force("center", d3.forceCenter(width / 2, height / 2));
 
+
 
+  d3.json("miserables.json", function(error, graph) {
 
+    if (error) throw error;
 
+
 
+    var link = svg.append("g")
 
+        .attr("class", "links")
 
+      .selectAll("line")
 
+      .data(graph.links)
 
+      .enter().append("line")
 
+        .attr("stroke-width", function(d) { return Math.sqrt(d.value); });
 
+
 
+    var node = svg.append("g")
 
+        .attr("class", "nodes")
 
+      .selectAll("text")
 
+      .data(graph.nodes)
 
+      .enter().append("text")
 
+      .text(function(d) { return d.id; })
 
+        .attr("fill", function(d) { return color(d.group); })
 
+        .call(d3.drag()
 
+            .on("start", dragstarted)
 
+            .on("drag", dragged)
 
+            .on("end", dragended));
 
+
 
+    simulation
 
+        .nodes(graph.nodes)
 
+        .on("tick", ticked);
 
+
 
+    simulation.force("link")
 
+        .links(graph.links);
 
+
 
+    function ticked() {
 
+      link
 
+          .attr("x1", function(d) { return d.source.x; })
 
+          .attr("y1", function(d) { return d.source.y; })
 
+          .attr("x2", function(d) { return d.target.x; })
 
+          .attr("y2", function(d) { return d.target.y; });
 
+
 
+      node
 
+          .attr("x", function(d) { return d.x; })
 
+          .attr("y", function(d) { return d.y; });
 
+    }
 
+  });
 
+
 
+  function dragstarted(d) {
 
+    if (!d3.event.active) simulation.alphaTarget(0.3).restart();
 
+    d.fx = d.x;
 
+    d.fy = d.y;
 
+  }
 
+
 
+  function dragged(d) {
 
+    d.fx = d3.event.x;
 
+    d.fy = d3.event.y;
 
+  }
 
+
 
+  function dragended(d) {
 
+    if (!d3.event.active) simulation.alphaTarget(0);
 
+    d.fx = null;
 
+    d.fy = null;
 
+  }

+ 13 - 0
styles/styles.css
Целия файл 

@@ -0,0 +1,13 @@
 
+.links line {
 
+  stroke: #999;
 
+  stroke-opacity: 0.6;
 
+}
 
+
 
+.nodes text {
 
+  -webkit-user-select: none!important;
 
+     -moz-user-select: none!important;
 
+      -ms-user-select: none!important;
 
+          user-select: none!important;
 
+  cursor: -webkit-grab;
 
+  cursor: grab;
 
+}

Някои файлове не бяха показани, защото твърде много файлове са промени