diff --git a/HISTORY.md b/HISTORY.md index c7517237..dccecb38 100644 --- a/HISTORY.md +++ b/HISTORY.md @@ -31,11 +31,38 @@ http://visjs.org ### Graph2d +- New option structure. +- Cleaned up docs. +- Fixed #628: stacking order. +- Fixed #624: sorting order. +- Fixed #616: stacking with negative bars. +- Fixed #728: alignment issues. - Fixed #716: Height of graph `2px` too large when configuring a fixed height. ### Network -- Rebuilt the cluster system +The network has been completely rewritten. The new modular setup using ES6 classes makes +it future proof for maintainability, extendability and clarity. A summary of new features: +- New examples, categorized by topic. +- New docs. +- New option structure, adhering to the modular setup on the backend. +- New events for user interaction. +- New render events for drawing custom elements on the canvas. +- New physics events for making a loading bar during stabilization. +- A lot of new methods that make extending easier. +- Manipulation system now works without the UI neccesarily. +- Nodes and edges can cast shadows. +- Configurator system to dynamically change almost all options. +- Validator has been created for the network's options, warning you about typo's and suggesting alternatives. +- Diamond shape for nodes. +- Unified the label code so edges and nodes have the same label settings. +- InheritColors for edges can be set to both, making a gradient fade between two node colors. +- Redesigned the clustering system giving full control over it. +- Random seed can be saved so the network will be the same every time you start it. +- New physics solver based on ForceAtlas2 as implemented in gephi.] +- New avoidOverlap option for physics. +- Many, many bugfixes. + ### DataSet diff --git a/docs/network/index.html b/docs/network/index.html index 036fb67d..ca786bd6 100644 --- a/docs/network/index.html +++ b/docs/network/index.html @@ -190,7 +190,7 @@ </body> </html> -
The result of the code above will be the basic example which is shown here.
+The result of the code above will be the basic example which is shown here.
Network can import data straight from an exported json file from gephi. You can get the JSON exporter here: https://marketplace.gephi.org/plugin/json-exporter/. - An example exists showing how to get a JSON file into Vis: 30_importing_from_gephi. + An example exists showing how to get a JSON file into Vis:
@@ -1449,7 +1448,7 @@ var network = new vis.Network(container, data, options);
// load the JSON file containing the Gephi network. -var gephiJSON = loadJSON("./data/WorldCup2014.json"); // code in example 30 +var gephiJSON = loadJSON("./datasources/WorldCup2014.json"); // code in importing_from_gephi. // you can customize the result like with these options. These are explained below. // These are the default options. diff --git a/examples/network/events/interactionEvents.html b/examples/network/events/interactionEvents.html index 151e4783..737416e3 100644 --- a/examples/network/events/interactionEvents.html +++ b/examples/network/events/interactionEvents.html @@ -61,6 +61,18 @@ params.event = "[original event]"; document.getElementById('eventSpan').innerHTML = 'oncontext (right click) event:
' + JSON.stringify(params, null, 4); }); + network.on("dragStart", function (params) { + params.event = "[original event]"; + document.getElementById('eventSpan').innerHTML = 'dragStart event:
' + JSON.stringify(params, null, 4); + }); + network.on("dragging", function (params) { + params.event = "[original event]"; + document.getElementById('eventSpan').innerHTML = 'dragging event:
' + JSON.stringify(params, null, 4); + }); + network.on("dragEnd", function (params) { + params.event = "[original event]"; + document.getElementById('eventSpan').innerHTML = 'dragEnd event:
' + JSON.stringify(params, null, 4); + }); network.on("zoom", function (params) { document.getElementById('eventSpan').innerHTML = 'zoom event:
' + JSON.stringify(params, null, 4); }); diff --git a/examples/network/layout/hierarchica_layout_methods.html b/examples/network/layout/hierarchical_layout_methods.html similarity index 100% rename from examples/network/layout/hierarchica_layout_methods.html rename to examples/network/layout/hierarchical_layout_methods.html