[chores] Improvements

Basic example: - thicker link lines - smaller node size - lighter node color Basic and Map: Legends > Legend.
openwisp · Jul 21, 2022 · 7c3fb74 · 7c3fb74
1 parent 9e9756c
commit 7c3fb74
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/dist/netjsongraph.min.js b/dist/netjsongraph.min.js
diff --git a/examples/netjsongraph.html b/examples/netjsongraph.html
@@ -84,7 +84,7 @@
           });
         },
       });
-      const createLegends = (key, name) => {
+      const createLegend = (key, name) => {
         const legendItem = document.createElement("p");
         const legendIcon = document.createElement("span");
 
@@ -99,10 +99,10 @@
       const legends = document.createElement("div");
       const legendsHeader = document.createElement("h4");
       legends.setAttribute("id", "legend");
-      legendsHeader.innerHTML = "Legends";
+      legendsHeader.innerHTML = "Legend";
       legends.appendChild(legendsHeader);
-      legends.appendChild(createLegends("Up", "link-up"));
-      legends.appendChild(createLegends("Down", "link-down"));
+      legends.appendChild(createLegend("Up", "link-up"));
+      legends.appendChild(createLegend("Down", "link-down"));
 
       document.body.appendChild(legends);
 

diff --git a/examples/netjsonmap.html b/examples/netjsonmap.html
@@ -108,7 +108,7 @@
         },
       });
 
-      const createLegends = (key, name) => {
+      const createLegend = (key, name) => {
         const legendItem = document.createElement("p");
         const legendIcon = document.createElement("span");
 
@@ -123,10 +123,10 @@
       const legends = document.createElement("div");
       const legendsHeader = document.createElement("h4");
       legends.setAttribute("id", "legend");
-      legendsHeader.innerHTML = "Legends";
+      legendsHeader.innerHTML = "Legend";
       legends.appendChild(legendsHeader);
-      legends.appendChild(createLegends("Up", "link-up"));
-      legends.appendChild(createLegends("Down", "link-down"));
+      legends.appendChild(createLegend("Up", "link-up"));
+      legends.appendChild(createLegend("Down", "link-down"));
 
       document.body.appendChild(legends);
 

diff --git a/src/js/netjsongraph.config.js b/src/js/netjsongraph.config.js
@@ -80,16 +80,16 @@ const NetJSONGraphDefaultConfig = {
         },
       },
       nodeStyle: {
-        color: "#f4d38c",
+        color: "#ffebc4",
       },
       linkStyle: {
-        width: 5,
+        width: 6,
         color: "#1ba619",
       },
-      nodeSize: "17",
+      nodeSize: "15",
     },
     baseOptions: {
-      backgroundColor: "#2B2B2B",
+      backgroundColor: "#282222",
     },
   },