Skip to content

Commit

Permalink
[docs] Update minified file #132
Browse files Browse the repository at this point in the history
closes #132
  • Loading branch information
totallynotvaishnav committed Jun 22, 2022
1 parent ee92d3b commit 29e522c
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 29 deletions.
48 changes: 24 additions & 24 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ socket.on("disconnect", function() {
socket.on("netjsonChange", graph.utils.JSONDataUpdate.bind(graph));
```

Demo is [here](https://openwisp.io/netjsongraph.js/examples/netjson-updateData.html).
Demo is [here](https://openwisp.github.io/netjsongraph.js/examples/netjson-updateData.html).
I use [socket.io](https://socket.io/) to monitor data changes, which supports WebSocket or polling.
And I build a simple local server using the express framework and nodeJS. Before testing, you need to open it.

Expand Down Expand Up @@ -240,7 +240,7 @@ const graph = new NetJSONGraph("./data/netjsonmap.json", {
graph.render();
```

Demo is [here](https://openwisp.io/netjsongraph.js/examples/netjson-searchElements.html).
Demo is [here](https://openwisp.github.io/netjsongraph.js/examples/netjson-searchElements.html).
You can input `test`(overrideData) or `appendData`(appendData) and click the `search` button.
The view will change if the value is `valid`, and you can also click the back button of browser to `go back`.

Expand All @@ -263,7 +263,7 @@ You can deal with the data asynchronously by `dealDataByWorker`.
*/
```

Demo is [here](https://openwisp.io/netjsongraph.js/examples/netjson-multipleInterfaces.html).
Demo is [here](https://openwisp.github.io/netjsongraph.js/examples/netjson-multipleInterfaces.html).
You can simply set the `dealDataByWorker` param in config to process the data asynchronously before rendering.
Of course you can also call the function directly.

Expand Down Expand Up @@ -291,7 +291,7 @@ We mainly use it to parse the time into the browser's current time zone based on

If you provide `time` field in node or link's properties, it'll display the parse date in the detail info defaultly.

Demo is [here](https://openwisp.io/netjsongraph.js/examples/netjson-dateParse.html).
Demo is [here](https://openwisp.github.io/netjsongraph.js/examples/netjson-dateParse.html).

#### Render

Expand Down Expand Up @@ -342,31 +342,31 @@ Demo is [here](https://openwisp.io/netjsongraph.js/examples/netjson-dateParse.ht
### Different Demos

The demo shows default `graph` render.
[NetJSON graph base Demo](https://openwisp.io/netjsongraph.js/examples/netjsongraph.html)
[NetJSON graph base Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsongraph.html)

The demo shows `map` render.
[NetJSON map base Demo](https://openwisp.io/netjsongraph.js//examples/netjsonmap.html)
[NetJSON map base Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap.html)

The demo shows how to use `graphGL` to render big data.
[NetJSON graphGL(bigData) Demo](https://kutugu.github.io/NetJSONDemo/examples/netjsongraph-graphGL.html)
[NetJSON graphGL(bigData) Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsongraph-graphGL.html)

The demo shows how to set colorful elements.
[NetJSON graph elements legend Demo](https://openwisp.io/netjsongraph.js/examples/netjsongraph-elementsLegend.html)
[NetJSON graph elements legend Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsongraph-elementsLegend.html)

The demo shows the multiple links render.
Currently only supports up to two links.
[NetJSON graph multiple links Demo](https://openwisp.io/netjsongraph.js/examples/netjsongraph-multipleLinks.html)
[NetJSON graph multiple links Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsongraph-multipleLinks.html)

The demo is used to show how to deal with the `multiple interfaces` in the NetJSON data.
We provide a work file to process the data before rendering.
This file provides functions to remove dirty data, deduplicate, handle multiple interfaces, add node links, add flatNodes and so on.
You can also define related files yourself.
[NetJSON multiple interfaces Demo](https://openwisp.io/netjsongraph.js/examples/netjson-multipleInterfaces.html)
[NetJSON multiple interfaces Demo](https://openwisp.github.io/netjsongraph.js/examples/netjson-multipleInterfaces.html)

The demo is used to show the use of the `dataParse` function.
You can set the node or link property value `time`, we will call this function to parse the string in the element details defaultly.
Of course you can also call directly.
[NetJSON dataParse Demo](https://openwisp.io/netjsongraph.js/examples/netjson-dateParse.html)
[NetJSON dataParse Demo](https://openwisp.github.io/netjsongraph.js/examples/netjson-dateParse.html)

The demo is used to show how to use the `JSONDataUpdate` function to update data.
In this example we use socket.io to listen for server messages.
Expand All @@ -375,55 +375,55 @@ overrride old data and deal with the new data with the processing function set i
See other examples:
netjsonmap-appendData.html: It chooses append data.
netjsonmap-nodeTiles.html: override data by different zoom value.
[NetJSON updateData realtime Demo](https://openwisp.io/netjsongraph.js/examples/netjson-updateData.html)
[NetJSON updateData realtime Demo](https://openwisp.github.io/netjsongraph.js/examples/netjson-updateData.html)

The demo shows how to switch the netjsongraph render mode -- `svg` or `canvas`.
[NetJSON switch render mode Demo](https://openwisp.io/netjsongraph.js/examples/netjson-switchRenderMode.html)
[NetJSON switch render mode Demo](https://openwisp.github.io/netjsongraph.js/examples/netjson-switchRenderMode.html)

The demo shows how to switch the netjsongraph render mode -- `graph` or `map`.
[NetJSON switch graph mode Demo](https://openwisp.io/netjsongraph.js/examples/netjson-switchGraphMode.html)
[NetJSON switch graph mode Demo](https://openwisp.github.io/netjsongraph.js/examples/netjson-switchGraphMode.html)

The demo is used to show the use of the `searchElements` function.
For test, you can input `test` or `appendData` and click the `search` button.
[NetJSON search elements Demo](https://openwisp.io/netjsongraph.js/examples/netjson-searchElements.html)
[NetJSON search elements Demo](https://openwisp.github.io/netjsongraph.js/examples/netjson-searchElements.html)

The demo shows hwo to interact with elements.
[NetJSON nodes expand or fold Demo](https://openwisp.io/netjsongraph.js/examples/netjsongraph-nodeExpand.html)
[NetJSON nodes expand or fold Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsongraph-nodeExpand.html)

The demo is used to show how to use the `JSONDataUpdate` function to update data.
See other examples:
netjson-updateData.html: It chooses override data.
netjsonmap-appendData.html: It chooses append data.
[NetJSON map nodes zoom tiles Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-nodeTiles.html)
[NetJSON map nodes zoom tiles Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-nodeTiles.html)

The demo shows hwo to set path animation.
[NetJSON map animation lines Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-animation.html)
[NetJSON map animation lines Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-animation.html)

The demo is used to show how to set indoor map.
Mainly the operation of leaflet.
[NetJSON indoormap Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-indoormap.html)
[NetJSON indoormap Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-indoormap.html)

The demo is used to show how to set indoor map.
Similiar to the first method, the difference is the setting of image's position.
[NetJSON indoormap 2 Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-indoormap2.html)
[NetJSON indoormap 2 Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-indoormap2.html)

The demo is used to show how to use the leaflet plugins.
Mainly the operation of leaflet.
[NetJSON map plugins Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-plugins.html)
[NetJSON map plugins Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-plugins.html)

The demo shows the multiple tiles render.
[NetJSON map multiple tiles Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-multipleTiles.html)
[NetJSON map multiple tiles Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-multipleTiles.html)

The demo is used to show how to use the `JSONDataUpdate` function to update data.
Here we choose to append data by modify the default parameter.
See other examples:
netjson-updateData.html: It chooses override data.
netjsonmap-nodeTiles.html: override data by different zoom value.
[NetJSON map append data Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-appendData.html)
[NetJSON map append data Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-appendData.html)

Using array files to append data step by step at start.
Similiar to the first method, but easier.
[NetJSON map append data 2 Demo](https://openwisp.io/netjsongraph.js/examples/netjsonmap-appendData2.html)
[NetJSON map append data 2 Demo](https://openwisp.github.io/netjsongraph.js/examples/netjsonmap-appendData2.html)

### Contributing

Expand Down
10 changes: 5 additions & 5 deletions dist/netjsongraph.min.js

Large diffs are not rendered by default.

0 comments on commit 29e522c

Please sign in to comment.