This is the graph/network used to calculate directions in Walnut.Direct
- using Dijkstra's algorithm. It'll take a minute to load. Scroll to zoom.
+ using Dijkstra's algorithm. It'll take a minute to load. Scroll to zoom if
+ you're on a computer.
Loading...
From 733af823022495538dc4c6f5a4c1a9fc76b23276 Mon Sep 17 00:00:00 2001
From: "22969541+Aurelius333@users.noreply.github.com"
<22969541+Aurelius333@users.noreply.github.com>
Date: Mon, 26 Apr 2021 17:50:12 -0400
Subject: [PATCH 3/4] Directed graph
Use double arrows for two-way edges, single arrows for one-way.
Color single arrows red and double arrows green.
---
src/views/GraphPage.vue | 3 +++
1 file changed, 3 insertions(+)
diff --git a/src/views/GraphPage.vue b/src/views/GraphPage.vue
index ed795a3..24e2844 100644
--- a/src/views/GraphPage.vue
+++ b/src/views/GraphPage.vue
@@ -41,6 +41,7 @@ export default Vue.extend({
}
for (const node in graph) {
for (const node2 in graph[node]) {
+ const isDoubled = graph[node2] && graph[node2][node];
if (
e.filter(
({ from, to }) =>
@@ -51,6 +52,8 @@ export default Vue.extend({
e.push({
from: Object.keys(graph).indexOf(node),
to: Object.keys(graph).indexOf(node2),
+ arrows: isDoubled ? "from, to" : "to",
+ color: { color: isDoubled ? "green" : "red" },
});
}
}
From 590feea15656f000fec247ae39f8d2163f5c830f Mon Sep 17 00:00:00 2001
From: "22969541+Aurelius333@users.noreply.github.com"
<22969541+Aurelius333@users.noreply.github.com>
Date: Mon, 26 Apr 2021 18:07:34 -0400
Subject: [PATCH 4/4] Show loading text
---
src/views/GraphPage.vue | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/views/GraphPage.vue b/src/views/GraphPage.vue
index 24e2844..bad6854 100644
--- a/src/views/GraphPage.vue
+++ b/src/views/GraphPage.vue
@@ -4,8 +4,9 @@
This is the graph/network used to calculate directions in Walnut.Direct
using Dijkstra's algorithm. It'll take a minute to load. Scroll to zoom if
you're on a computer.
+ Loading...
+