diff --git a/webapp/api/api/medcat_utils.py b/webapp/api/api/medcat_utils.py
index a457230b..7015645c 100644
--- a/webapp/api/api/medcat_utils.py
+++ b/webapp/api/api/medcat_utils.py
@@ -1,9 +1,13 @@
+import logging
 from collections import defaultdict
 from typing import List
 
 from medcat.cdb import CDB
 
 
+logger = logging.getLogger(__name__)
+
+
 def ch2pt_from_pt2ch(cdb: CDB):
     ch2pt = defaultdict(list)
     for k, vals in cdb.addl_info['pt2ch'].items():
@@ -28,3 +32,37 @@ def dedupe_preserve_order(items: List[str]) -> List[str]:
             seen.add(item)
             deduped_list.append(item)
     return deduped_list
+
+
+def snomed_ct_concept_path(cui: str, cdb: CDB):
+    try:
+        top_level_parent_node = '138875005'
+
+        def find_parents(cui, cuis2nodes, child_node=None):
+            parents = list(cdb.addl_info['ch2pt'][cui])
+            all_links = []
+            if cui not in cuis2nodes:
+                curr_node = {'cui': cui, 'pretty_name': cdb.cui2preferred_name[cui]}
+                if child_node:
+                    curr_node['children'] = [child_node]
+                cuis2nodes[cui] = curr_node
+                if len(parents) > 0:
+                    all_links += find_parents(parents[0], cuis2nodes, child_node=curr_node)
+                    for p in parents[1:]:
+                        links = find_parents(p, cuis2nodes)
+                        all_links += [{'parent': p, 'child': cui}] + links
+            else:
+                if child_node:
+                    if 'children' not in cuis2nodes[cui]:
+                        cuis2nodes[cui]['children'] = []
+                    cuis2nodes[cui]['children'].append(child_node)
+            return all_links
+        cuis2nodes = dict()
+        all_links = find_parents(cui, cuis2nodes)
+        return {
+            'node_path': cuis2nodes[top_level_parent_node],
+            'links': all_links
+        }
+    except KeyError as e:
+        logger.warning(f'Cannot find path concept path:{e}')
+        return []
diff --git a/webapp/api/api/utils.py b/webapp/api/api/utils.py
index 786abf92..2ed01093 100644
--- a/webapp/api/api/utils.py
+++ b/webapp/api/api/utils.py
@@ -325,6 +325,14 @@ def get_medcat(CDB_MAP, VOCAB_MAP, CAT_MAP, project):
     return cat
 
 
+def get_cached_cdb(cdb_id: str, CDB_MAP: Dict[str, CDB]) -> CDB:
+    if cdb_id not in CDB_MAP:
+        cdb_obj = ConceptDB.objects.get(id=cdb_id)
+        cdb = CDB.load(cdb_obj.cdb_file.path)
+        CDB_MAP[cdb_id] = cdb
+    return CDB_MAP[cdb_id]
+
+
 @receiver(post_save, sender=ProjectAnnotateEntities)
 def save_project_anno(sender, instance, **kwargs):
     if instance.cuis_file:
diff --git a/webapp/api/api/views.py b/webapp/api/api/views.py
index 24fe1a6c..4cf2ef90 100644
--- a/webapp/api/api/views.py
+++ b/webapp/api/api/views.py
@@ -15,13 +15,13 @@
 from core.settings import MEDIA_ROOT
 from .admin import download_projects_with_text, download_projects_without_text, \
     import_concepts_from_cdb, upload_projects_export, retrieve_project_data
-from .medcat_utils import ch2pt_from_pt2ch, get_all_ch, dedupe_preserve_order
+from .medcat_utils import ch2pt_from_pt2ch, get_all_ch, dedupe_preserve_order, snomed_ct_concept_path
 from .metrics import ProjectMetrics
 from .permissions import *
 from .serializers import *
 from .solr_utils import collections_available, search_collection, ensure_concept_searchable
-from .utils import get_cached_medcat, clear_cached_medcat, get_medcat, add_annotations, \
-    remove_annotations, train_medcat, create_annotation
+from .utils import get_cached_medcat, clear_cached_medcat, get_medcat, get_cached_cdb, \
+    add_annotations, remove_annotations, train_medcat, create_annotation
 
 # For local testing, put envs
 """
@@ -630,10 +630,7 @@ def upload_deployment(request):
 
 @api_view(http_method_names=['GET'])
 def cache_model(_, cdb_id):
-    if cdb_id not in CDB_MAP:
-        cdb_obj = ConceptDB.objects.get(id=cdb_id)
-        cdb = CDB.load(cdb_obj.cdb_file.path)
-        CDB_MAP[cdb_id] = cdb
+    get_cached_cdb(cdb_id, CDB_MAP)
     return Response("success", 200)
 
 
@@ -670,11 +667,7 @@ def metrics(request):
 @api_view(http_method_names=['GET'])
 def cdb_cui_children(request, cdb_id):
     parent_cui = request.GET.get('parent_cui')
-    if cdb_id not in CDB_MAP:
-        cdb_obj = ConceptDB.objects.get(id=cdb_id)
-        cdb = CDB.load(cdb_obj.cdb_file.path)
-        CDB_MAP[cdb_id] = cdb
-    cdb = CDB_MAP[cdb_id]
+    cdb = get_cached_cdb(cdb_id, CDB_MAP)
 
     # root SNOMED CT code: 138875005
     # root UMLS code: CUI:
@@ -687,10 +680,7 @@ def cdb_cui_children(request, cdb_id):
 
     # currently assumes this is using the SNOMED CT terminology
     try:
-        root_term = {
-            'cui': '138875005',
-            'pretty_name': cdb.cui2preferred_name['138875005']
-        }
+        root_term = {'cui': '138875005', 'pretty_name': cdb.cui2preferred_name['138875005']}
         if parent_cui is None:
             return Response({'results': [root_term]})
         else:
@@ -704,74 +694,51 @@ def cdb_cui_children(request, cdb_id):
 @api_view(http_method_names=['GET'])
 def cdb_concept_path(request):
     cdb_id = int(request.GET.get('cdb_id'))
-    if cdb_id not in CDB_MAP:
-        cdb_obj = ConceptDB.objects.get(id=cdb_id)
-        cdb = CDB.load(cdb_obj.cdb_file.path)
-        CDB_MAP[cdb_id] = cdb
-    cdb = CDB_MAP[cdb_id]
+    cdb = get_cached_cdb(cdb_id, CDB_MAP)
     if not cdb.addl_info.get('ch2pt'):
         cdb.addl_info['ch2pt'] = ch2pt_from_pt2ch(cdb)
     cui = request.GET.get('cui')
-
     # Again only SNOMED CT is supported
     # 'cui': '138875005',
-    try:
-        top_level_parent_node = '138875005'
-
-        def find_parents(cui, curr_node_path=None):
-            concept_dct = {'cui': cui, 'pretty_name': cdb.cui2preferred_name[cui]}
-            if curr_node_path is not None:
-                concept_dct['children'] = curr_node_path
-            else:
-                concept_dct['complete'] = True
-            parents = list(cdb.addl_info['ch2pt'][cui])
-            parent_concepts_dcts = [{'cui': p, 'pretty_name': cdb.cui2preferred_name[p], 'children': [concept_dct]}
-                                    for p in parents]
-            links = [{'parent': p, 'child': cui} for p in parents]
-            return parents, parent_concepts_dcts, links
-
-        # path = []
-        all_links = []
-        parent_cui_stack = []
-        curr_node_path = None
-        while cui != top_level_parent_node:
-            parent_cuis, parent_concepts_dcts, links = find_parents(cui, curr_node_path=curr_node_path)
-            curr_node_path = parent_concepts_dcts
-            all_links += links
-            parent_cui_stack += parent_cuis
-            cui = parent_cuis.pop(0)
-
-        # de-dupe parent child relations from multi-parent relations... ?
-        # example foot-mark: 276472000
-        return Response({
-            'results': {
-                'node_path': curr_node_path[0],
-                'links': all_links
-            }
-        })
-    except KeyError:
-        return Response({'results': []})
+    result = snomed_ct_concept_path(cui, cdb)
+    return Response({'results': result})
 
 
 @api_view(http_method_names=['POST'])
-def generate_concept_filter(request):
+def generate_concept_filter_flat_json(request):
     cuis = request.data.get('cuis')
     cdb_id = request.data.get('cdb_id')
+    excluded_nodes = request.data.get('excluded_nodes', [])
     if cuis is not None and cdb_id is not None:
-        if cdb_id not in CDB_MAP:
-            cdb_obj = ConceptDB.objects.get(id=cdb_id)
-            cdb = CDB.load(cdb_obj.cdb_file.path)
-            CDB_MAP[cdb_id] = cdb
-        cdb = CDB_MAP[cdb_id]
+        cdb = get_cached_cdb(cdb_id, CDB_MAP)
         # get all children from 'parent' concepts above.
         final_filter = []
         for cui in cuis:
-            final_filter += get_all_ch(cui, cdb)
+            ch_nodes = get_all_ch(cui, cdb)
+            final_filter += [n for n in ch_nodes if n not in excluded_nodes]
         final_filter = dedupe_preserve_order(final_filter)
         with open(MEDIA_ROOT + '/filter.json', 'w+') as f:
             json.dump(final_filter, f)
-            response = HttpResponse(f, content_type='text/json')
-            response['Content-Disposition'] = 'attachment; filename=filter.json'
-            return response
-        # return Response({'filter': final_filter})
+        response = HttpResponse(f, content_type='text/json')
+        response['Content-Disposition'] = 'attachment; filename=filter.json'
+        return response
+    return HttpResponseBadRequest('Missing either cuis or cdb_id param. Cannot generate filter.')
+
+
+@api_view(http_method_names=['POST'])
+def generate_concept_filter(request):
+    cuis = request.data.get('cuis')
+    cdb_id = request.data.get('cdb_id')
+    if cuis is not None and cdb_id is not None:
+        cdb = get_cached_cdb(cdb_id, CDB_MAP)
+        # get all children from 'parent' concepts above.
+        final_filter = {}
+        for cui in cuis:
+            final_filter[cui] = [{'cui': c, 'pretty_name': cdb.cui2preferred_name[c]} for c in get_all_ch(cui, cdb)
+                                 if c in cdb.cui2preferred_name and c != cui]
+        resp = {'filter_len': sum(len(f) for f in final_filter.values()) + len(final_filter.keys())}
+        if resp['filter_len'] < 10000:
+            # only send across concept filters that are small enough to render
+            resp['filter'] = final_filter
+        return Response(resp)
     return HttpResponseBadRequest('Missing either cuis or cdb_id param. Cannot generate filter.')
diff --git a/webapp/api/core/urls.py b/webapp/api/core/urls.py
index aa27ca12..a0b1e05c 100644
--- a/webapp/api/core/urls.py
+++ b/webapp/api/core/urls.py
@@ -64,11 +64,8 @@
     path('api/cache_model/<int:cdb_id>', api.views.cache_model),
     path('api/model-concept-children/<int:cdb_id>/', api.views.cdb_cui_children),
     path('api/concept-path/', api.views.cdb_concept_path),
+    path('api/generate-concept-filter-json/', api.views.generate_concept_filter_flat_json),
     path('api/generate-concept-filter/', api.views.generate_concept_filter),
     path('api/metrics/', api.views.metrics),
-    path('api/cache_model/<int:cdb_id>', api.views.cache_model),
-    path('api/model-concept-children/<int:cdb_id>/', api.views.cdb_cui_children),
-    path('api/concept-path/', api.views.cdb_concept_path),
-    path('api/generate-concept-filter/', api.views.generate_concept_filter),
     re_path('^.*$', api.views.index, name='index'),  # Match everything else to home
 ]
diff --git a/webapp/frontend/package-lock.json b/webapp/frontend/package-lock.json
index 7cfcd9d6..0d513a3a 100644
--- a/webapp/frontend/package-lock.json
+++ b/webapp/frontend/package-lock.json
@@ -10,9 +10,10 @@
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/free-brands-svg-icons": "^6.1.1",
+        "@fortawesome/free-regular-svg-icons": "^6.4.0",
         "@fortawesome/free-solid-svg-icons": "^6.1.1",
-        "@fortawesome/vue-fontawesome": "^2.0.6",
-        "@ssthouse/vue-tree-chart": "^0.6.8",
+        "@fortawesome/vue-fontawesome": "^2.0.10",
+        "@ssthouse/vue-tree-chart": "^0.5.4",
         "axios": "^0.24.0",
         "bootstrap": "^4.6.0",
         "bootstrap-vue": "^2.23.1",
@@ -747,6 +748,27 @@
         "node": ">=6"
       }
     },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.0.tgz",
+      "integrity": "sha512-ZfycI7D0KWPZtf7wtMFnQxs8qjBXArRzczABuMQqecA/nXohquJ5J/RCR77PmY5qGWkxAZDxpnUFVXKwtY/jPw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-regular-svg-icons/node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.0.tgz",
+      "integrity": "sha512-HNii132xfomg5QVZw0HwXXpN22s7VBHQBv9CeOu9tfJnhsWQNd2lmTNi8CSrnw5B+5YOmzu1UoPAyxaXsJ6RgQ==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@fortawesome/free-solid-svg-icons": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.1.tgz",
@@ -760,11 +782,11 @@
       }
     },
     "node_modules/@fortawesome/vue-fontawesome": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.6.tgz",
-      "integrity": "sha512-V3vT3flY15AKbUS31aZOP12awQI3aAzkr2B1KnqcHLmwrmy51DW3pwyBczKdypV8QxBZ8U68Hl2XxK2nudTxpg==",
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.10.tgz",
+      "integrity": "sha512-OTETSXz+3ygD2OK2/vy82cmUBpuJqeOAg4gfnnv+f2Rir1tDIhQg026Q3NQxznq83ZLz8iNqGG9XJm26inpDeg==",
       "peerDependencies": {
-        "@fortawesome/fontawesome-svg-core": "~1 || >=1.3.0-beta1",
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
         "vue": "~2"
       }
     },
@@ -978,27 +1000,19 @@
         "node": ">= 8.0.0"
       }
     },
-    "node_modules/@ssthouse/tree-chart-core": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@ssthouse/tree-chart-core/-/tree-chart-core-1.1.2.tgz",
-      "integrity": "sha512-UiPOu+K8XoS1dPPerhlpf2WZMsREBYnuTWKYcWps/oQPyLdLKbS6ZFBZXaFqm4Q91GEvf+AfD8MK8Cllw2V4kg==",
-      "dependencies": {
-        "d3": "^7.2.0"
-      }
-    },
     "node_modules/@ssthouse/vue-tree-chart": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/@ssthouse/vue-tree-chart/-/vue-tree-chart-0.6.8.tgz",
-      "integrity": "sha512-7LzPNAcS9kKIQuAS/KADpnfhyRx8WwMOSIDrNVwRoLPAh7U+JqksyK0HtBBkM6356P7oPixDHGsN7mWDkIdcYQ==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/@ssthouse/vue-tree-chart/-/vue-tree-chart-0.5.4.tgz",
+      "integrity": "sha512-QsLEN9S+a7SMpcwDAemROk4BNVcPcswU9JnigB7ckdAMGEGR9qsvhFlj+uT7qxlOZRNPiFAp5qeSTonD4ckG6A==",
       "dependencies": {
-        "@ssthouse/tree-chart-core": "1.1.2"
+        "d3": "^4.13.0",
+        "vue": "^2.6.8",
+        "vue-router": "^3.0.1",
+        "vuetify": "^1.0.18"
       },
       "engines": {
         "node": ">= 6.0.0",
         "npm": ">= 3.0.0"
-      },
-      "peerDependencies": {
-        "vue": "^2.6.8"
       }
     },
     "node_modules/@types/json-schema": {
@@ -3011,8 +3025,7 @@
     "node_modules/commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "peer": true
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
     },
     "node_modules/commondir": {
       "version": "1.0.1",
@@ -3255,392 +3268,269 @@
       "peer": true
     },
     "node_modules/d3": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.4.tgz",
-      "integrity": "sha512-q2WHStdhiBtD8DMmhDPyJmXUxr6VWRngKyiJ5EfXMxPw+tqT6BhNjhJZ4w3BHsNm3QoVfZLY8Orq/qPFczwKRA==",
-      "dependencies": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
-      },
-      "engines": {
-        "node": ">=12"
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-4.13.0.tgz",
+      "integrity": "sha512-l8c4+0SldjVKLaE2WG++EQlqD7mh/dmQjvi2L2lKPadAVC+TbJC4ci7Uk9bRi+To0+ansgsS0iWfPjD7DBy+FQ==",
+      "dependencies": {
+        "d3-array": "1.2.1",
+        "d3-axis": "1.0.8",
+        "d3-brush": "1.0.4",
+        "d3-chord": "1.0.4",
+        "d3-collection": "1.0.4",
+        "d3-color": "1.0.3",
+        "d3-dispatch": "1.0.3",
+        "d3-drag": "1.2.1",
+        "d3-dsv": "1.0.8",
+        "d3-ease": "1.0.3",
+        "d3-force": "1.1.0",
+        "d3-format": "1.2.2",
+        "d3-geo": "1.9.1",
+        "d3-hierarchy": "1.1.5",
+        "d3-interpolate": "1.1.6",
+        "d3-path": "1.0.5",
+        "d3-polygon": "1.0.3",
+        "d3-quadtree": "1.0.3",
+        "d3-queue": "3.0.7",
+        "d3-random": "1.1.0",
+        "d3-request": "1.0.6",
+        "d3-scale": "1.0.7",
+        "d3-selection": "1.3.0",
+        "d3-shape": "1.2.0",
+        "d3-time": "1.0.8",
+        "d3-time-format": "2.1.1",
+        "d3-timer": "1.0.7",
+        "d3-transition": "1.1.1",
+        "d3-voronoi": "1.1.2",
+        "d3-zoom": "1.7.1"
       }
     },
     "node_modules/d3-array": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.3.tgz",
-      "integrity": "sha512-JRHwbQQ84XuAESWhvIPaUV4/1UYTBOLiOPGWqgFDHZS1D5QN9c57FbH3QpEnQMYiOXNzKUQyGTZf+EVO7RT5TQ==",
-      "dependencies": {
-        "internmap": "1 - 2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.1.tgz",
+      "integrity": "sha512-CyINJQ0SOUHojDdFDH4JEM0552vCR1utGyLHegJHyYH0JyCpSeTPxi4OBqHMA2jJZq4NH782LtaJWBImqI/HBw=="
     },
     "node_modules/d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-1.0.8.tgz",
+      "integrity": "sha512-K0djTb26iQ6AsuD2d6Ka08wBHf4V30awIxV4XFuB/iLzYtTqqJlE/nIN0DBJJCX7lbOqbt2/oeX3r+sU5k2veg=="
     },
     "node_modules/d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-1.0.4.tgz",
+      "integrity": "sha512-nUFueDzOlvwFvuOBynGSyJM7Wt1H9fKgJeoWFSg3ScS4c7FJBch92FKUJKum4xtgPYHdgH2C3bRg3GzSVltCJQ==",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-transition": "1"
       }
     },
     "node_modules/d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-1.0.4.tgz",
+      "integrity": "sha512-o0ExexkK1N0KikUakKrQwttP5Flu8AYD6iBUh3AdPJqnTh6xlvcX5wFRuuo29sLOAr9+T4yZPUH1S3CCQJ1SlQ==",
       "dependencies": {
-        "d3-path": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
-      "engines": {
-        "node": ">=12"
+        "d3-array": "1",
+        "d3-path": "1"
       }
     },
-    "node_modules/d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "dependencies": {
-        "d3-array": "^3.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/d3-collection": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.4.tgz",
+      "integrity": "sha512-+TPxaBFzbzfpLF3Hjz8JPeuStNmJnyWAufu8VUfpDCDn5RieIgY+OQDjhKMDorf2naLgAjjZXLUQN7XFp/kgog=="
     },
-    "node_modules/d3-delaunay": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
-      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
-      "dependencies": {
-        "delaunator": "5"
-      },
-      "engines": {
-        "node": ">=12"
-      }
+    "node_modules/d3-color": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.0.3.tgz",
+      "integrity": "sha512-t+rSOrshj6m2AUOe8kHvTwfUQ5TFoInEkBfmsHHAHPof58dmbRXNpicB7XAyPbMQbcC7i09p2BxeCEdgBd8xmw=="
     },
     "node_modules/d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.3.tgz",
+      "integrity": "sha512-Qh2DR3neW3lq/ug4oymXHYoIsA91nYt47ERb+fPKjRg6zLij06aP7KqHHl2NyziK9ASxrR3GLkHCtZvXe/jMVg=="
     },
     "node_modules/d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-1.2.1.tgz",
+      "integrity": "sha512-Cg8/K2rTtzxzrb0fmnYOUeZHvwa4PHzwXOLZZPwtEs2SKLLKLXeYwZKBB+DlOxUvFmarOnmt//cU4+3US2lyyQ==",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-dispatch": "1",
+        "d3-selection": "1"
       }
     },
     "node_modules/d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.0.8.tgz",
+      "integrity": "sha512-IVCJpQ+YGe3qu6odkPQI0KPqfxkhbP/oM1XhhE/DFiYmcXKfCRub4KXyiuehV1d4drjWVXHUWx4gHqhdZb6n/A==",
       "dependencies": {
-        "commander": "7",
-        "iconv-lite": "0.6",
+        "commander": "2",
+        "iconv-lite": "0.4",
         "rw": "1"
       },
       "bin": {
-        "csv2json": "bin/dsv2json.js",
-        "csv2tsv": "bin/dsv2dsv.js",
-        "dsv2dsv": "bin/dsv2dsv.js",
-        "dsv2json": "bin/dsv2json.js",
-        "json2csv": "bin/json2dsv.js",
-        "json2dsv": "bin/json2dsv.js",
-        "json2tsv": "bin/json2dsv.js",
-        "tsv2csv": "bin/dsv2dsv.js",
-        "tsv2json": "bin/dsv2json.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-dsv/node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/d3-dsv/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
+        "csv2json": "bin/dsv2json",
+        "csv2tsv": "bin/dsv2dsv",
+        "dsv2dsv": "bin/dsv2dsv",
+        "dsv2json": "bin/dsv2json",
+        "json2csv": "bin/json2dsv",
+        "json2dsv": "bin/json2dsv",
+        "json2tsv": "bin/json2dsv",
+        "tsv2csv": "bin/dsv2dsv",
+        "tsv2json": "bin/dsv2json"
       }
     },
     "node_modules/d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "dependencies": {
-        "d3-dsv": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.3.tgz",
+      "integrity": "sha512-io3QwOJwVPAxRF2UXpKpCdz2wm/7VLFCQQ1yy+GzX6YCtt3vi2BGnimI8agSF5jyUrHsADyF303d2S+ps7zU8w=="
     },
     "node_modules/d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-1.1.0.tgz",
+      "integrity": "sha512-2HVQz3/VCQs0QeRNZTYb7GxoUCeb6bOzMp/cGcLa87awY9ZsPvXOGeZm0iaGBjXic6I1ysKwMn+g+5jSAdzwcg==",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-collection": "1",
+        "d3-dispatch": "1",
+        "d3-quadtree": "1",
+        "d3-timer": "1"
       }
     },
     "node_modules/d3-format": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
-      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.2.2.tgz",
+      "integrity": "sha512-zH9CfF/3C8zUI47nsiKfD0+AGDEuM8LwBIP7pBVpyR4l/sKkZqITmMtxRp04rwBrlshIZ17XeFAaovN3++wzkw=="
     },
     "node_modules/d3-geo": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
-      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-1.9.1.tgz",
+      "integrity": "sha512-l9wL/cEQkyZQYXw3xbmLsH3eQ5ij+icNfo4r0GrLa5rOCZR/e/3am45IQ0FvQ5uMsv+77zBRunLc9ufTWSQYFA==",
       "dependencies": {
-        "d3-array": "2.5.0 - 3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-array": "1"
       }
     },
     "node_modules/d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-1.1.5.tgz",
+      "integrity": "sha512-PcsLIhThc60mWnxlojIOH7Sc0tQ2DgLWfEwEAyzCtej5f3H9wSsRmrg5pEhKZLrwiJnI2zyw/pznJxL9a/Eugw=="
     },
     "node_modules/d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.1.6.tgz",
+      "integrity": "sha512-mOnv5a+pZzkNIHtw/V6I+w9Lqm9L5bG3OTXPM5A+QO0yyVMQ4W1uZhR+VOJmazaOZXri2ppbiZ5BUNWT0pFM9A==",
       "dependencies": {
-        "d3-color": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-color": "1"
       }
     },
     "node_modules/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.5.tgz",
+      "integrity": "sha512-eD76prgnTKYkLzHlY2UMyOEZXTpC+WOanCr1BLxo38w4fPPPq/LgCFqRQvqFU3AJngfZmmKR7rgKPZ4EGJ9Atw=="
     },
     "node_modules/d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.3.tgz",
+      "integrity": "sha512-2zP7GOvf4XOWTeQouK7fCO534yQxyhYYTw6GTqcXifIalHgA6qV/es+4GRQii9m6XxEPFcht4loobD/o2iEo1A=="
     },
     "node_modules/d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.3.tgz",
+      "integrity": "sha512-U2Jc3jF3JOBGXIOnvWY9C4ekRwRX9hEVpMMmeduJyaxAwPmoe7t84iZFTLn1RwYOyrXxJF55H/Hrg186TFQQdw=="
+    },
+    "node_modules/d3-queue": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/d3-queue/-/d3-queue-3.0.7.tgz",
+      "integrity": "sha512-2rs+6pNFKkrJhqe1rg5znw7dKJ7KZr62j9aLZfhondkrnz6U7VRmJj1UGcbD8MRc46c7H8m4SWhab8EalBQrkw=="
     },
     "node_modules/d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-1.1.0.tgz",
+      "integrity": "sha512-XuMbjx3Jq4EWfJP4g6nR7zns/bZfaVbWHWfR8auDkEiWCzVbWifmasfszV1ZRN3xXK3nY4RUFL2nTIhceGZSFQ=="
     },
-    "node_modules/d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+    "node_modules/d3-request": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-request/-/d3-request-1.0.6.tgz",
+      "integrity": "sha512-FJj8ySY6GYuAJHZMaCQ83xEYE4KbkPkmxZ3Hu6zA1xxG2GD+z6P+Lyp+zjdsHf0xEbp2xcluDI50rCS855EQ6w==",
       "dependencies": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-collection": "1",
+        "d3-dispatch": "1",
+        "d3-dsv": "1",
+        "xmlhttprequest": "1"
       }
     },
-    "node_modules/d3-scale-chromatic": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
-      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
+    "node_modules/d3-scale": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-1.0.7.tgz",
+      "integrity": "sha512-KvU92czp2/qse5tUfGms6Kjig0AhHOwkzXG0+PqIJB3ke0WUv088AHMZI0OssO9NCkXt4RP8yju9rpH8aGB7Lw==",
       "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-interpolate": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-array": "^1.2.0",
+        "d3-collection": "1",
+        "d3-color": "1",
+        "d3-format": "1",
+        "d3-interpolate": "1",
+        "d3-time": "1",
+        "d3-time-format": "2"
       }
     },
     "node_modules/d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.3.0.tgz",
+      "integrity": "sha512-qgpUOg9tl5CirdqESUAu0t9MU/t3O9klYfGfyKsXEmhyxyzLpzpeh08gaxBUTQw1uXIOkr/30Ut2YRjSSxlmHA=="
     },
     "node_modules/d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.0.tgz",
+      "integrity": "sha512-LP48zJ9ykPKjCdd0vSu5k2l4s8v1vI6vvdDeJtmgtTa+L6Ery0lzvOaV7pMunFuLv11hwSRZQnSnlhFl801aiw==",
       "dependencies": {
-        "d3-path": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-path": "1"
       }
     },
     "node_modules/d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "dependencies": {
-        "d3-array": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.8.tgz",
+      "integrity": "sha512-YRZkNhphZh3KcnBfitvF3c6E0JOFGikHZ4YqD+Lzv83ZHn1/u6yGenRU1m+KAk9J1GnZMnKcrtfvSktlA1DXNQ=="
     },
     "node_modules/d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.1.1.tgz",
+      "integrity": "sha512-8kAkymq2WMfzW7e+s/IUNAtN/y3gZXGRrdGfo6R8NKPAA85UBTxZg5E61bR6nLwjPjj4d3zywSQe1CkYLPFyrw==",
       "dependencies": {
-        "d3-time": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-time": "1"
       }
     },
     "node_modules/d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
-      "engines": {
-        "node": ">=12"
-      }
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.7.tgz",
+      "integrity": "sha512-vMZXR88XujmG/L5oB96NNKH5lCWwiLM/S2HyyAQLcjWJCloK5shxta4CwOFYLZoY3AWX73v8Lgv4cCAdWtRmOA=="
     },
     "node_modules/d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-1.1.1.tgz",
+      "integrity": "sha512-xeg8oggyQ+y5eb4J13iDgKIjUcEfIOZs2BqV/eEmXm2twx80wTzJ4tB4vaZ5BKfz7XsI/DFmQL5me6O27/5ykQ==",
       "dependencies": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "d3-selection": "2 - 3"
+        "d3-color": "1",
+        "d3-dispatch": "1",
+        "d3-ease": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "^1.1.0",
+        "d3-timer": "1"
       }
     },
+    "node_modules/d3-voronoi": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.2.tgz",
+      "integrity": "sha512-RhGS1u2vavcO7ay7ZNAPo4xeDh/VYeGof3x5ZLJBQgYhLegxr3s5IykvWmJ94FTU6mcbtp4sloqZ54mP6R4Utw=="
+    },
     "node_modules/d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-1.7.1.tgz",
+      "integrity": "sha512-sZHQ55DGq5BZBFGnRshUT8tm2sfhPHFnOlmPbbwTkAoPeVdRTkB4Xsf9GCY0TSHrTD8PeJPZGmP/TpGicwJDJQ==",
       "dependencies": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
-      },
-      "engines": {
-        "node": ">=12"
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-transition": "1"
       }
     },
     "node_modules/de-indent": {
@@ -3707,14 +3597,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/delaunator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
-      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
-      "dependencies": {
-        "robust-predicates": "^3.0.0"
-      }
-    },
     "node_modules/des.js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
@@ -5547,6 +5429,17 @@
       "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
       "peer": true
     },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -5606,14 +5499,6 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
-    "node_modules/internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -6996,11 +6881,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "node_modules/robust-predicates": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.1.tgz",
-      "integrity": "sha512-ndEIpszUHiG4HtDsQLeIuMvRsDnn8c8rYStabochtUeCvfuvNptb5TUbVD68LRAILPX7p9nqQGh4xJgn3EHS/g=="
-    },
     "node_modules/rollup": {
       "version": "2.77.3",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.77.3.tgz",
@@ -8726,6 +8606,14 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "node_modules/vuetify": {
+      "version": "1.5.24",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-1.5.24.tgz",
+      "integrity": "sha512-guFOgEgZ8VpSgNXOv1QL2fOliaJBoiyNnf+bBqcXsnIppJGRlW1wyT6Ux7ZlQyphSHs+UK1aJNUjcyAtoOiHWg==",
+      "peerDependencies": {
+        "vue": "^2.5.18"
+      }
+    },
     "node_modules/watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
@@ -9007,6 +8895,14 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
+    "node_modules/xmlhttprequest": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+      "integrity": "sha512-58Im/U0mlVBLM38NdZjHyhuMtCqa61469k2YP/AaPbvCoV9aQGUpbJBj1QRm2ytRiVQBD/fsw7L2bJGDVQswBA==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -9529,6 +9425,21 @@
         "@fortawesome/fontawesome-common-types": "6.1.1"
       }
     },
+    "@fortawesome/free-regular-svg-icons": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.0.tgz",
+      "integrity": "sha512-ZfycI7D0KWPZtf7wtMFnQxs8qjBXArRzczABuMQqecA/nXohquJ5J/RCR77PmY5qGWkxAZDxpnUFVXKwtY/jPw==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": {
+          "version": "6.4.0",
+          "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.0.tgz",
+          "integrity": "sha512-HNii132xfomg5QVZw0HwXXpN22s7VBHQBv9CeOu9tfJnhsWQNd2lmTNi8CSrnw5B+5YOmzu1UoPAyxaXsJ6RgQ=="
+        }
+      }
+    },
     "@fortawesome/free-solid-svg-icons": {
       "version": "6.1.1",
       "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.1.tgz",
@@ -9538,9 +9449,9 @@
       }
     },
     "@fortawesome/vue-fontawesome": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.6.tgz",
-      "integrity": "sha512-V3vT3flY15AKbUS31aZOP12awQI3aAzkr2B1KnqcHLmwrmy51DW3pwyBczKdypV8QxBZ8U68Hl2XxK2nudTxpg==",
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.10.tgz",
+      "integrity": "sha512-OTETSXz+3ygD2OK2/vy82cmUBpuJqeOAg4gfnnv+f2Rir1tDIhQg026Q3NQxznq83ZLz8iNqGG9XJm26inpDeg==",
       "requires": {}
     },
     "@humanwhocodes/config-array": {
@@ -9698,20 +9609,15 @@
         "picomatch": "^2.2.2"
       }
     },
-    "@ssthouse/tree-chart-core": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@ssthouse/tree-chart-core/-/tree-chart-core-1.1.2.tgz",
-      "integrity": "sha512-UiPOu+K8XoS1dPPerhlpf2WZMsREBYnuTWKYcWps/oQPyLdLKbS6ZFBZXaFqm4Q91GEvf+AfD8MK8Cllw2V4kg==",
-      "requires": {
-        "d3": "^7.2.0"
-      }
-    },
     "@ssthouse/vue-tree-chart": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/@ssthouse/vue-tree-chart/-/vue-tree-chart-0.6.8.tgz",
-      "integrity": "sha512-7LzPNAcS9kKIQuAS/KADpnfhyRx8WwMOSIDrNVwRoLPAh7U+JqksyK0HtBBkM6356P7oPixDHGsN7mWDkIdcYQ==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/@ssthouse/vue-tree-chart/-/vue-tree-chart-0.5.4.tgz",
+      "integrity": "sha512-QsLEN9S+a7SMpcwDAemROk4BNVcPcswU9JnigB7ckdAMGEGR9qsvhFlj+uT7qxlOZRNPiFAp5qeSTonD4ckG6A==",
       "requires": {
-        "@ssthouse/tree-chart-core": "1.1.2"
+        "d3": "^4.13.0",
+        "vue": "^2.6.8",
+        "vue-router": "^3.0.1",
+        "vuetify": "^1.0.18"
       }
     },
     "@types/json-schema": {
@@ -11487,8 +11393,7 @@
     "commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "peer": true
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
     },
     "commondir": {
       "version": "1.0.1",
@@ -11699,281 +11604,258 @@
       "peer": true
     },
     "d3": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/d3/-/d3-7.8.4.tgz",
-      "integrity": "sha512-q2WHStdhiBtD8DMmhDPyJmXUxr6VWRngKyiJ5EfXMxPw+tqT6BhNjhJZ4w3BHsNm3QoVfZLY8Orq/qPFczwKRA==",
-      "requires": {
-        "d3-array": "3",
-        "d3-axis": "3",
-        "d3-brush": "3",
-        "d3-chord": "3",
-        "d3-color": "3",
-        "d3-contour": "4",
-        "d3-delaunay": "6",
-        "d3-dispatch": "3",
-        "d3-drag": "3",
-        "d3-dsv": "3",
-        "d3-ease": "3",
-        "d3-fetch": "3",
-        "d3-force": "3",
-        "d3-format": "3",
-        "d3-geo": "3",
-        "d3-hierarchy": "3",
-        "d3-interpolate": "3",
-        "d3-path": "3",
-        "d3-polygon": "3",
-        "d3-quadtree": "3",
-        "d3-random": "3",
-        "d3-scale": "4",
-        "d3-scale-chromatic": "3",
-        "d3-selection": "3",
-        "d3-shape": "3",
-        "d3-time": "3",
-        "d3-time-format": "4",
-        "d3-timer": "3",
-        "d3-transition": "3",
-        "d3-zoom": "3"
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-4.13.0.tgz",
+      "integrity": "sha512-l8c4+0SldjVKLaE2WG++EQlqD7mh/dmQjvi2L2lKPadAVC+TbJC4ci7Uk9bRi+To0+ansgsS0iWfPjD7DBy+FQ==",
+      "requires": {
+        "d3-array": "1.2.1",
+        "d3-axis": "1.0.8",
+        "d3-brush": "1.0.4",
+        "d3-chord": "1.0.4",
+        "d3-collection": "1.0.4",
+        "d3-color": "1.0.3",
+        "d3-dispatch": "1.0.3",
+        "d3-drag": "1.2.1",
+        "d3-dsv": "1.0.8",
+        "d3-ease": "1.0.3",
+        "d3-force": "1.1.0",
+        "d3-format": "1.2.2",
+        "d3-geo": "1.9.1",
+        "d3-hierarchy": "1.1.5",
+        "d3-interpolate": "1.1.6",
+        "d3-path": "1.0.5",
+        "d3-polygon": "1.0.3",
+        "d3-quadtree": "1.0.3",
+        "d3-queue": "3.0.7",
+        "d3-random": "1.1.0",
+        "d3-request": "1.0.6",
+        "d3-scale": "1.0.7",
+        "d3-selection": "1.3.0",
+        "d3-shape": "1.2.0",
+        "d3-time": "1.0.8",
+        "d3-time-format": "2.1.1",
+        "d3-timer": "1.0.7",
+        "d3-transition": "1.1.1",
+        "d3-voronoi": "1.1.2",
+        "d3-zoom": "1.7.1"
       }
     },
     "d3-array": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.3.tgz",
-      "integrity": "sha512-JRHwbQQ84XuAESWhvIPaUV4/1UYTBOLiOPGWqgFDHZS1D5QN9c57FbH3QpEnQMYiOXNzKUQyGTZf+EVO7RT5TQ==",
-      "requires": {
-        "internmap": "1 - 2"
-      }
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.1.tgz",
+      "integrity": "sha512-CyINJQ0SOUHojDdFDH4JEM0552vCR1utGyLHegJHyYH0JyCpSeTPxi4OBqHMA2jJZq4NH782LtaJWBImqI/HBw=="
     },
     "d3-axis": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
-      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw=="
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-1.0.8.tgz",
+      "integrity": "sha512-K0djTb26iQ6AsuD2d6Ka08wBHf4V30awIxV4XFuB/iLzYtTqqJlE/nIN0DBJJCX7lbOqbt2/oeX3r+sU5k2veg=="
     },
     "d3-brush": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
-      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-1.0.4.tgz",
+      "integrity": "sha512-nUFueDzOlvwFvuOBynGSyJM7Wt1H9fKgJeoWFSg3ScS4c7FJBch92FKUJKum4xtgPYHdgH2C3bRg3GzSVltCJQ==",
       "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "3",
-        "d3-transition": "3"
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-transition": "1"
       }
     },
     "d3-chord": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
-      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-1.0.4.tgz",
+      "integrity": "sha512-o0ExexkK1N0KikUakKrQwttP5Flu8AYD6iBUh3AdPJqnTh6xlvcX5wFRuuo29sLOAr9+T4yZPUH1S3CCQJ1SlQ==",
       "requires": {
-        "d3-path": "1 - 3"
+        "d3-array": "1",
+        "d3-path": "1"
       }
     },
-    "d3-color": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
-      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="
-    },
-    "d3-contour": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
-      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
-      "requires": {
-        "d3-array": "^3.2.0"
-      }
+    "d3-collection": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.4.tgz",
+      "integrity": "sha512-+TPxaBFzbzfpLF3Hjz8JPeuStNmJnyWAufu8VUfpDCDn5RieIgY+OQDjhKMDorf2naLgAjjZXLUQN7XFp/kgog=="
     },
-    "d3-delaunay": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
-      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
-      "requires": {
-        "delaunator": "5"
-      }
+    "d3-color": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.0.3.tgz",
+      "integrity": "sha512-t+rSOrshj6m2AUOe8kHvTwfUQ5TFoInEkBfmsHHAHPof58dmbRXNpicB7XAyPbMQbcC7i09p2BxeCEdgBd8xmw=="
     },
     "d3-dispatch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
-      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.3.tgz",
+      "integrity": "sha512-Qh2DR3neW3lq/ug4oymXHYoIsA91nYt47ERb+fPKjRg6zLij06aP7KqHHl2NyziK9ASxrR3GLkHCtZvXe/jMVg=="
     },
     "d3-drag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
-      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-1.2.1.tgz",
+      "integrity": "sha512-Cg8/K2rTtzxzrb0fmnYOUeZHvwa4PHzwXOLZZPwtEs2SKLLKLXeYwZKBB+DlOxUvFmarOnmt//cU4+3US2lyyQ==",
       "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-selection": "3"
+        "d3-dispatch": "1",
+        "d3-selection": "1"
       }
     },
     "d3-dsv": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
-      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.0.8.tgz",
+      "integrity": "sha512-IVCJpQ+YGe3qu6odkPQI0KPqfxkhbP/oM1XhhE/DFiYmcXKfCRub4KXyiuehV1d4drjWVXHUWx4gHqhdZb6n/A==",
       "requires": {
-        "commander": "7",
-        "iconv-lite": "0.6",
+        "commander": "2",
+        "iconv-lite": "0.4",
         "rw": "1"
-      },
-      "dependencies": {
-        "commander": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="
-        },
-        "iconv-lite": {
-          "version": "0.6.3",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3.0.0"
-          }
-        }
       }
     },
     "d3-ease": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
-      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="
-    },
-    "d3-fetch": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
-      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
-      "requires": {
-        "d3-dsv": "1 - 3"
-      }
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.3.tgz",
+      "integrity": "sha512-io3QwOJwVPAxRF2UXpKpCdz2wm/7VLFCQQ1yy+GzX6YCtt3vi2BGnimI8agSF5jyUrHsADyF303d2S+ps7zU8w=="
     },
     "d3-force": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
-      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-1.1.0.tgz",
+      "integrity": "sha512-2HVQz3/VCQs0QeRNZTYb7GxoUCeb6bOzMp/cGcLa87awY9ZsPvXOGeZm0iaGBjXic6I1ysKwMn+g+5jSAdzwcg==",
       "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-quadtree": "1 - 3",
-        "d3-timer": "1 - 3"
+        "d3-collection": "1",
+        "d3-dispatch": "1",
+        "d3-quadtree": "1",
+        "d3-timer": "1"
       }
     },
     "d3-format": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
-      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA=="
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.2.2.tgz",
+      "integrity": "sha512-zH9CfF/3C8zUI47nsiKfD0+AGDEuM8LwBIP7pBVpyR4l/sKkZqITmMtxRp04rwBrlshIZ17XeFAaovN3++wzkw=="
     },
     "d3-geo": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.0.tgz",
-      "integrity": "sha512-JEo5HxXDdDYXCaWdwLRt79y7giK8SbhZJbFWXqbRTolCHFI5jRqteLzCsq51NKbUoX0PjBVSohxrx+NoOUujYA==",
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-1.9.1.tgz",
+      "integrity": "sha512-l9wL/cEQkyZQYXw3xbmLsH3eQ5ij+icNfo4r0GrLa5rOCZR/e/3am45IQ0FvQ5uMsv+77zBRunLc9ufTWSQYFA==",
       "requires": {
-        "d3-array": "2.5.0 - 3"
+        "d3-array": "1"
       }
     },
     "d3-hierarchy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
-      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA=="
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-1.1.5.tgz",
+      "integrity": "sha512-PcsLIhThc60mWnxlojIOH7Sc0tQ2DgLWfEwEAyzCtej5f3H9wSsRmrg5pEhKZLrwiJnI2zyw/pznJxL9a/Eugw=="
     },
     "d3-interpolate": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
-      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.1.6.tgz",
+      "integrity": "sha512-mOnv5a+pZzkNIHtw/V6I+w9Lqm9L5bG3OTXPM5A+QO0yyVMQ4W1uZhR+VOJmazaOZXri2ppbiZ5BUNWT0pFM9A==",
       "requires": {
-        "d3-color": "1 - 3"
+        "d3-color": "1"
       }
     },
     "d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.5.tgz",
+      "integrity": "sha512-eD76prgnTKYkLzHlY2UMyOEZXTpC+WOanCr1BLxo38w4fPPPq/LgCFqRQvqFU3AJngfZmmKR7rgKPZ4EGJ9Atw=="
     },
     "d3-polygon": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
-      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg=="
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.3.tgz",
+      "integrity": "sha512-2zP7GOvf4XOWTeQouK7fCO534yQxyhYYTw6GTqcXifIalHgA6qV/es+4GRQii9m6XxEPFcht4loobD/o2iEo1A=="
     },
     "d3-quadtree": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
-      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw=="
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.3.tgz",
+      "integrity": "sha512-U2Jc3jF3JOBGXIOnvWY9C4ekRwRX9hEVpMMmeduJyaxAwPmoe7t84iZFTLn1RwYOyrXxJF55H/Hrg186TFQQdw=="
+    },
+    "d3-queue": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/d3-queue/-/d3-queue-3.0.7.tgz",
+      "integrity": "sha512-2rs+6pNFKkrJhqe1rg5znw7dKJ7KZr62j9aLZfhondkrnz6U7VRmJj1UGcbD8MRc46c7H8m4SWhab8EalBQrkw=="
     },
     "d3-random": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
-      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-1.1.0.tgz",
+      "integrity": "sha512-XuMbjx3Jq4EWfJP4g6nR7zns/bZfaVbWHWfR8auDkEiWCzVbWifmasfszV1ZRN3xXK3nY4RUFL2nTIhceGZSFQ=="
     },
-    "d3-scale": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
-      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+    "d3-request": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-request/-/d3-request-1.0.6.tgz",
+      "integrity": "sha512-FJj8ySY6GYuAJHZMaCQ83xEYE4KbkPkmxZ3Hu6zA1xxG2GD+z6P+Lyp+zjdsHf0xEbp2xcluDI50rCS855EQ6w==",
       "requires": {
-        "d3-array": "2.10.0 - 3",
-        "d3-format": "1 - 3",
-        "d3-interpolate": "1.2.0 - 3",
-        "d3-time": "2.1.1 - 3",
-        "d3-time-format": "2 - 4"
+        "d3-collection": "1",
+        "d3-dispatch": "1",
+        "d3-dsv": "1",
+        "xmlhttprequest": "1"
       }
     },
-    "d3-scale-chromatic": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.0.0.tgz",
-      "integrity": "sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==",
+    "d3-scale": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-1.0.7.tgz",
+      "integrity": "sha512-KvU92czp2/qse5tUfGms6Kjig0AhHOwkzXG0+PqIJB3ke0WUv088AHMZI0OssO9NCkXt4RP8yju9rpH8aGB7Lw==",
       "requires": {
-        "d3-color": "1 - 3",
-        "d3-interpolate": "1 - 3"
+        "d3-array": "^1.2.0",
+        "d3-collection": "1",
+        "d3-color": "1",
+        "d3-format": "1",
+        "d3-interpolate": "1",
+        "d3-time": "1",
+        "d3-time-format": "2"
       }
     },
     "d3-selection": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
-      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.3.0.tgz",
+      "integrity": "sha512-qgpUOg9tl5CirdqESUAu0t9MU/t3O9klYfGfyKsXEmhyxyzLpzpeh08gaxBUTQw1uXIOkr/30Ut2YRjSSxlmHA=="
     },
     "d3-shape": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
-      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.0.tgz",
+      "integrity": "sha512-LP48zJ9ykPKjCdd0vSu5k2l4s8v1vI6vvdDeJtmgtTa+L6Ery0lzvOaV7pMunFuLv11hwSRZQnSnlhFl801aiw==",
       "requires": {
-        "d3-path": "^3.1.0"
+        "d3-path": "1"
       }
     },
     "d3-time": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
-      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
-      "requires": {
-        "d3-array": "2 - 3"
-      }
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.8.tgz",
+      "integrity": "sha512-YRZkNhphZh3KcnBfitvF3c6E0JOFGikHZ4YqD+Lzv83ZHn1/u6yGenRU1m+KAk9J1GnZMnKcrtfvSktlA1DXNQ=="
     },
     "d3-time-format": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
-      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.1.1.tgz",
+      "integrity": "sha512-8kAkymq2WMfzW7e+s/IUNAtN/y3gZXGRrdGfo6R8NKPAA85UBTxZg5E61bR6nLwjPjj4d3zywSQe1CkYLPFyrw==",
       "requires": {
-        "d3-time": "1 - 3"
+        "d3-time": "1"
       }
     },
     "d3-timer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
-      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.7.tgz",
+      "integrity": "sha512-vMZXR88XujmG/L5oB96NNKH5lCWwiLM/S2HyyAQLcjWJCloK5shxta4CwOFYLZoY3AWX73v8Lgv4cCAdWtRmOA=="
     },
     "d3-transition": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
-      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-1.1.1.tgz",
+      "integrity": "sha512-xeg8oggyQ+y5eb4J13iDgKIjUcEfIOZs2BqV/eEmXm2twx80wTzJ4tB4vaZ5BKfz7XsI/DFmQL5me6O27/5ykQ==",
       "requires": {
-        "d3-color": "1 - 3",
-        "d3-dispatch": "1 - 3",
-        "d3-ease": "1 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-timer": "1 - 3"
+        "d3-color": "1",
+        "d3-dispatch": "1",
+        "d3-ease": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "^1.1.0",
+        "d3-timer": "1"
       }
     },
+    "d3-voronoi": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.2.tgz",
+      "integrity": "sha512-RhGS1u2vavcO7ay7ZNAPo4xeDh/VYeGof3x5ZLJBQgYhLegxr3s5IykvWmJ94FTU6mcbtp4sloqZ54mP6R4Utw=="
+    },
     "d3-zoom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
-      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-1.7.1.tgz",
+      "integrity": "sha512-sZHQ55DGq5BZBFGnRshUT8tm2sfhPHFnOlmPbbwTkAoPeVdRTkB4Xsf9GCY0TSHrTD8PeJPZGmP/TpGicwJDJQ==",
       "requires": {
-        "d3-dispatch": "1 - 3",
-        "d3-drag": "2 - 3",
-        "d3-interpolate": "1 - 3",
-        "d3-selection": "2 - 3",
-        "d3-transition": "2 - 3"
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-transition": "1"
       }
     },
     "de-indent": {
@@ -12023,14 +11905,6 @@
         "isobject": "^3.0.1"
       }
     },
-    "delaunator": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.0.tgz",
-      "integrity": "sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==",
-      "requires": {
-        "robust-predicates": "^3.0.0"
-      }
-    },
     "des.js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
@@ -13340,6 +13214,14 @@
       "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
       "peer": true
     },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
     "ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -13382,11 +13264,6 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
-    "internmap": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
-      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg=="
-    },
     "invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -14507,11 +14384,6 @@
         "inherits": "^2.0.1"
       }
     },
-    "robust-predicates": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.1.tgz",
-      "integrity": "sha512-ndEIpszUHiG4HtDsQLeIuMvRsDnn8c8rYStabochtUeCvfuvNptb5TUbVD68LRAILPX7p9nqQGh4xJgn3EHS/g=="
-    },
     "rollup": {
       "version": "2.77.3",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.77.3.tgz",
@@ -15834,6 +15706,12 @@
       "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
       "dev": true
     },
+    "vuetify": {
+      "version": "1.5.24",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-1.5.24.tgz",
+      "integrity": "sha512-guFOgEgZ8VpSgNXOv1QL2fOliaJBoiyNnf+bBqcXsnIppJGRlW1wyT6Ux7ZlQyphSHs+UK1aJNUjcyAtoOiHWg==",
+      "requires": {}
+    },
     "watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
@@ -16053,6 +15931,11 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
+    "xmlhttprequest": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+      "integrity": "sha512-58Im/U0mlVBLM38NdZjHyhuMtCqa61469k2YP/AaPbvCoV9aQGUpbJBj1QRm2ytRiVQBD/fsw7L2bJGDVQswBA=="
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/webapp/frontend/package.json b/webapp/frontend/package.json
index b72fe951..b76b4650 100644
--- a/webapp/frontend/package.json
+++ b/webapp/frontend/package.json
@@ -11,9 +11,10 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.1.1",
     "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/free-regular-svg-icons": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.1.1",
-    "@fortawesome/vue-fontawesome": "^2.0.6",
-    "@ssthouse/vue-tree-chart": "^0.6.8",
+    "@fortawesome/vue-fontawesome": "^2.0.10",
+    "@ssthouse/vue-tree-chart": "^0.5.4",
     "axios": "^0.24.0",
     "bootstrap": "^4.6.0",
     "bootstrap-vue": "^2.23.1",
diff --git a/webapp/frontend/src/components/models/ConceptDatabaseViz.vue b/webapp/frontend/src/components/models/ConceptDatabaseViz.vue
index f3fac061..d3e3278d 100644
--- a/webapp/frontend/src/components/models/ConceptDatabaseViz.vue
+++ b/webapp/frontend/src/components/models/ConceptDatabaseViz.vue
@@ -14,6 +14,7 @@
         :dataset="cdbData"
         :config="treeConfig"
         :direction="'vertical'"
+        :linkStyle="'straight'"
         ref="tree">
         <template v-slot:node="{ node, collapsed }">
           <div @click="getData(node)" class="node">
@@ -30,11 +31,12 @@
 
 <script>
 import LoadingOverlay from '@/components/common/LoadingOverlay.vue'
+import VueTree from '@/components/models/VueTree.vue'
 import _ from 'lodash'
 
 export default {
   name: 'ConceptDatabaseViz',
-  components: { LoadingOverlay },
+  components: { LoadingOverlay, VueTree },
   props: {
     cdb: Object,
     selectedCui: String
@@ -45,7 +47,7 @@ export default {
       cdbData: {},
       nodeCuis: [],
       loading: false,
-      treeConfig: { nodeWidth: 100, nodeHeight: 150, levelHeight: 150 },
+      treeConfig: { nodeWidth: 120, nodeHeight: 150, levelHeight: 150 },
       zoomSetting: 0
     }
   },
@@ -72,6 +74,7 @@ export default {
     getData (node) {
       if (this.nodeCuis.indexOf(node.cui) === -1 || node.complete) {
         this.$http.get(`api/model-concept-children/${this.cdb.id}/?parent_cui=${node.cui}`).then(resp => {
+          this.loading = false
           this.$set(node, 'children', resp.data.results.map(r => {
             return {
               pretty_name: r.pretty_name,
@@ -80,7 +83,6 @@ export default {
             }
           }))
           this.nodeCuis.push(node.cui)
-          this.loading = false
         })
       }
     },
@@ -111,10 +113,10 @@ export default {
         this.$http.get(`api/concept-path/?cdb_id=${this.cdb.id}&cui=${newVal}`).then(resp => {
           this.cdbData.children = resp.data.results['node_path'].children
           this.cdbData.links = resp.data.results['links']
-          this.identifier = 'cui'
+          this.cdbData.identifier = 'cui'
         })
       }
-      this.nodeCuis.push(node.name)
+      this.nodeCuis.push(newVal)
       this.loading = false
     }
   }
@@ -150,6 +152,7 @@ export default {
   font-size: .8rem;
   color: $color-2;
   background-color: $task-color-0;
+  opacity: 1;
   border-radius: 3px;
   margin: 3px;
   box-shadow: 0 5px 5px -5px $task-color-0;
diff --git a/webapp/frontend/src/components/models/VueTree.vue b/webapp/frontend/src/components/models/VueTree.vue
new file mode 100644
index 00000000..ce1c32b5
--- /dev/null
+++ b/webapp/frontend/src/components/models/VueTree.vue
@@ -0,0 +1,576 @@
+<template>
+  <div class="tree-container" ref="container">
+    <svg class="svg vue-tree" ref="svg" :style="initialTransformStyle"></svg>
+
+    <div
+      class="dom-container"
+      ref="domContainer"
+      :style="initialTransformStyle"
+    >
+      <transition-group name="tree-node-item" tag="div">
+        <div
+          class="node-slot"
+          v-for="(node, index) of nodeDataList"
+          @click="onClickNode(index)"
+          :key="node.data._key"
+          :style="{
+            left: formatDimension(
+              direction === DIRECTION.VERTICAL ? node.x : node.y
+            ),
+            top: formatDimension(
+              direction === DIRECTION.VERTICAL ? node.y : node.x
+            ),
+            width: formatDimension(config.nodeWidth),
+            height: formatDimension(config.nodeHeight)
+          }"
+        >
+          <slot
+            name="node"
+            v-bind:node="node.data"
+            v-bind:collapsed="node.data._collapsed"
+          >
+            <span>{{ node.data.value }}</span>
+          </slot>
+        </div>
+      </transition-group>
+    </div>
+  </div>
+</template>
+
+<script>
+/*
+ Patched version of "@ssthouse/vue-tree-chart": "^0.5.4", to include arrow points for pt2ch
+ relations. v0.6.x doesn't render multi-parent nodes, this should be replaced with graph render
+ component perhaps. Dep is still included as per OSS licence terms.
+ */
+
+import * as d3 from 'd3'
+
+function uuid() {
+  const s = []
+  const hexDigits = '0123456789abcdef'
+  for (let i = 0; i < 36; i++) {
+    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)
+  }
+  s[14] = '4'
+  s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1)
+  s[8] = s[13] = s[18] = s[23] = '-'
+  return s.join('')
+}
+
+const MATCH_TRANSLATE_REGEX = /translate\((-?\d+)px, ?(-?\d+)px\)/i
+const MATCH_SCALE_REGEX = /scale\((\S*)\)/i
+
+const LinkStyle = {
+  CURVE: 'curve',
+  STRAIGHT: 'straight'
+}
+
+const DIRECTION = {
+  VERTICAL: 'vertical',
+  HORIZONTAL: 'horizontal'
+}
+
+const DEFAULT_NODE_WIDTH = 100
+const DEFAULT_NODE_HEIGHT = 100
+const DEFAULT_LEVEL_HEIGHT = 200
+/**
+ * Used to decrement the height of the 'initTransformY' to center diagrams.
+ * This is only a hotfix caused by the addition of '__invisible_root' node
+ * for multi root purposes.
+ */
+const DEFAULT_HEIGHT_DECREMENT = 200
+
+const ANIMATION_DURATION = 800
+
+function rotatePoint({ x, y }) {
+  return {
+    x: y,
+    y: x
+  }
+}
+
+export default {
+  name: 'VueTree',
+  props: {
+    config: {
+      type: Object,
+      default: () => {
+        return {
+          nodeWidth: DEFAULT_NODE_WIDTH,
+          nodeHeight: DEFAULT_NODE_HEIGHT,
+          levelHeight: DEFAULT_LEVEL_HEIGHT
+        }
+      }
+    },
+    linkStyle: {
+      type: String,
+      default: LinkStyle.CURVE
+    },
+    direction: {
+      type: String,
+      default: DIRECTION.VERTICAL
+    },
+    collapseEnabled: {
+      type: Boolean,
+      default: true
+    },
+    // 展示的层级数据, 样例数据如: hierachical.json
+    dataset: {
+      type: [Object, Array],
+      required: true
+    }
+  },
+  data() {
+    return {
+      d3,
+      colors: '568FE1',
+      nodeDataList: [],
+      linkDataList: [],
+      initTransformX: 0,
+      initTransformY: 0,
+      DIRECTION,
+      currentScale: 1
+    }
+  },
+  computed: {
+    initialTransformStyle() {
+      return {
+        transform: `scale(1) translate(${this.initTransformX}px, ${this.initTransformY}px)`,
+        transformOrigin: 'center'
+      }
+    },
+    _dataset() {
+      return this.updatedInternalData(this.dataset)
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    init() {
+      this.draw()
+      this.enableDrag()
+      this.initTransform()
+    },
+    zoomIn() {
+      const originTransformStr = this.$refs.domContainer.style.transform
+      let targetScale = 1 * 1.2
+      const scaleMatchResult = originTransformStr.match(MATCH_SCALE_REGEX)
+      if (scaleMatchResult && scaleMatchResult.length > 0) {
+        const originScale = parseFloat(scaleMatchResult[1])
+        targetScale *= originScale
+      }
+      this.setScale(targetScale)
+    },
+    zoomOut() {
+      const originTransformStr = this.$refs.domContainer.style.transform
+      // 如果已有scale属性, 在原基础上修改
+      let targetScale = 1 / 1.2
+      const scaleMatchResult = originTransformStr.match(MATCH_SCALE_REGEX)
+      if (scaleMatchResult && scaleMatchResult.length > 0) {
+        const originScale = parseFloat(scaleMatchResult[1])
+        targetScale = originScale / 1.2
+      }
+      this.setScale(targetScale)
+    },
+    restoreScale() {
+      this.setScale(1)
+    },
+    setScale(scaleNum) {
+      if (typeof scaleNum !== 'number') return
+      let pos = this.getTranslate()
+      let translateString = `translate(${pos[0]}px, ${pos[1]}px)`
+      this.$refs.svg.style.transform = `scale(${scaleNum}) ` + translateString
+      this.$refs.domContainer.style.transform =
+        `scale(${scaleNum}) ` + translateString
+      this.currentScale = scaleNum
+    },
+    getTranslate() {
+      let string = this.$refs.svg.style.transform
+      let match = string.match(MATCH_TRANSLATE_REGEX)
+      if (match === null) {
+        return [null, null]
+      }
+      let x = parseInt(match[1])
+      let y = parseInt(match[2])
+      return [x, y]
+    },
+    isVertical() {
+      return this.direction === DIRECTION.VERTICAL
+    },
+    /**
+     * Returns updated dataset by deep copying every nodes from the externalData and adding unique '_key' attributes.
+     **/
+    updatedInternalData(externalData) {
+      var data = { name: '__invisible_root', children: [] }
+      if (!externalData) return data
+      if (Array.isArray(externalData)) {
+        for (var i = externalData.length - 1; i >= 0; i--) {
+          data.children.push(this.deepCopy(externalData[i]))
+        }
+      } else {
+        data.children.push(this.deepCopy(externalData))
+      }
+      return data
+    },
+    /**
+     * Returns a deep copy of selected node (copy of itself and it's children).
+     * If selected node or it's children have no '_key' attribute it will assign a new one.
+     **/
+    deepCopy(node) {
+      let obj = { _key: uuid() }
+      for (var key in node) {
+        if (node[key] === null) {
+          obj[key] = null
+        } else if (Array.isArray(node[key])) {
+          obj[key] = node[key].map((x) => this.deepCopy(x))
+        } else if (typeof node[key] === 'object') {
+          obj[key] = this.deepCopy(node[key])
+        } else {
+          obj[key] = node[key]
+        }
+      }
+      return obj
+    },
+    initTransform() {
+      const containerWidth = this.$refs.container.offsetWidth
+      const containerHeight = this.$refs.container.offsetHeight
+      if (this.isVertical()) {
+        this.initTransformX = Math.floor(containerWidth / 2)
+        this.initTransformY = Math.floor(
+          this.config.nodeHeight - DEFAULT_HEIGHT_DECREMENT
+        )
+      } else {
+        this.initTransformX = Math.floor(
+          this.config.nodeWidth - DEFAULT_HEIGHT_DECREMENT
+        )
+        this.initTransformY = Math.floor(containerHeight / 2)
+      }
+    },
+    /**
+     * 根据link数据,生成svg path data
+     */
+    generateLinkPath(d) {
+      const self = this
+      if (this.linkStyle === LinkStyle.CURVE) {
+        const linkPath = this.isVertical()
+          ? d3.linkVertical()
+          : d3.linkHorizontal()
+        linkPath
+          .x(function (d) {
+            return d.x
+          })
+          .y(function (d) {
+            return d.y
+          })
+          .source(function (d) {
+            const sourcePoint = {
+              x: d.source.x,
+              y: d.source.y
+            }
+            return self.direction === self.DIRECTION.VERTICAL
+              ? sourcePoint
+              : rotatePoint(sourcePoint)
+          })
+          .target(function (d) {
+            const targetPoint = {
+              x: d.target.x,
+              y: d.target.y
+            }
+            return self.direction === self.DIRECTION.VERTICAL
+              ? targetPoint
+              : rotatePoint(targetPoint)
+          })
+        return linkPath(d)
+      }
+      if (this.linkStyle === LinkStyle.STRAIGHT) {
+        // the link path is: source -> secondPoint -> thirdPoint -> target
+        const linkPath = d3.path()
+        let sourcePoint = { x: d.source.x, y: d.source.y }
+        let targetPoint = { x: d.target.x, y: d.target.y }
+        if (!this.isVertical()) {
+          sourcePoint = rotatePoint(sourcePoint)
+          targetPoint = rotatePoint(targetPoint)
+        }
+        const xOffset = targetPoint.x - sourcePoint.x
+        const yOffset = targetPoint.y - sourcePoint.y
+        const secondPoint = this.isVertical()
+          ? { x: sourcePoint.x, y: sourcePoint.y + yOffset / 2 }
+          : { x: sourcePoint.x + xOffset / 2, y: sourcePoint.y }
+        const thirdPoint = this.isVertical()
+          ? { x: targetPoint.x, y: sourcePoint.y + yOffset / 2 }
+          : { x: sourcePoint.x + xOffset / 2, y: targetPoint.y }
+        linkPath.moveTo(sourcePoint.x, sourcePoint.y)
+        linkPath.lineTo(secondPoint.x, secondPoint.y)
+        linkPath.lineTo(thirdPoint.x, thirdPoint.y)
+        linkPath.lineTo(targetPoint.x, targetPoint.y)
+        return linkPath.toString()
+      }
+    },
+    draw() {
+      var [nodeDataList, linkDataList] = this.buildTree(this._dataset)
+      // Do not render the invisible root node.
+      nodeDataList.splice(0, 1)
+      linkDataList = linkDataList.filter(
+        (x) => x.source.data.name !== '__invisible_root'
+      )
+      this.linkDataList = linkDataList
+      this.nodeDataList = nodeDataList
+      const identifier = this.dataset['identifier']
+      const specialLinks = this.dataset['links']
+      if (specialLinks && identifier) {
+        for (const link of specialLinks) {
+          let parent,
+            children = undefined
+          if (identifier === 'value') {
+            parent = this.nodeDataList.find((d) => {
+              return d[identifier] == link.parent
+            })
+            children = this.nodeDataList.filter((d) => {
+              return d[identifier] == link.child
+            })
+          } else {
+            parent = this.nodeDataList.find((d) => {
+              return d['data'][identifier] == link.parent
+            })
+            children = this.nodeDataList.filter((d) => {
+              return d['data'][identifier] == link.child
+            })
+          }
+          if (parent && children) {
+            for (const child of children) {
+              const new_link = {
+                source: parent,
+                target: child
+              }
+              this.linkDataList.push(new_link)
+            }
+          }
+        }
+      }
+
+      this.svg = this.d3.select(this.$refs.svg)
+
+      const self = this
+      const links = this.svg.selectAll('.link').data(linkDataList, (d) => {
+        return `${d.source.data._key}-${d.target.data._key}`
+      })
+
+      this.svg
+        .append('defs')
+        .append('marker')
+        .attr('id', 'arrow')
+        .attr('viewBox', [0, 0, 20, 20])
+        .attr('refX', 75)
+        .attr('refY', 10)
+        .attr('markerWidth', 5)
+        .attr('markerHeight', 5)
+        .attr('orient', 'auto-start-reverse')
+        .append('path')
+        .attr('d', d3.line()([[0, 0], [0, 20], [20, 10]]))
+        .attr('stroke', 'black')
+        .attr('opacity', 1)
+
+      links
+        .enter()
+        .append('path')
+        .style('opacity', 0)
+        .transition()
+        .duration(ANIMATION_DURATION)
+        .ease(d3.easeCubicInOut)
+        .style('opacity', 1)
+        .attr('class', 'link')
+        .attr('d', function (d, i) {
+          return self.generateLinkPath(d)
+        })
+        .attr("id", "triangle")
+        .attr('marker-end', 'url(#arrow)')
+        .attr("refX", 15)
+        .attr("refY", -1.5)
+        .attr("markerWidth", 6)
+        .attr("markerHeight", 6)
+        .attr("orient", "auto")
+
+      links
+        .transition()
+        .duration(ANIMATION_DURATION)
+        .ease(d3.easeCubicInOut)
+        .attr('d', function (d) {
+          return self.generateLinkPath(d)
+        })
+      links
+        .exit()
+        .transition()
+        .duration(ANIMATION_DURATION / 2)
+        .ease(d3.easeCubicInOut)
+        .style('opacity', 0)
+        .remove()
+    },
+    buildTree(rootNode) {
+      const treeBuilder = this.d3
+        .tree()
+        .nodeSize([this.config.nodeWidth, this.config.levelHeight])
+      const tree = treeBuilder(this.d3.hierarchy(rootNode))
+      return [tree.descendants(), tree.links()]
+    },
+    enableDrag() {
+      const svgElement = this.$refs.svg
+      const container = this.$refs.container
+      let startX = 0
+      let startY = 0
+      let isDrag = false
+      // 保存鼠标点下时的位移
+      let mouseDownTransform = ''
+      container.onmousedown = (event) => {
+        mouseDownTransform = svgElement.style.transform
+        startX = event.clientX
+        startY = event.clientY
+        isDrag = true
+      }
+      container.onmousemove = (event) => {
+        if (!isDrag) return
+        const originTransform = mouseDownTransform
+        let originOffsetX = 0
+        let originOffsetY = 0
+        if (originTransform) {
+          const result = originTransform.match(MATCH_TRANSLATE_REGEX)
+          if (result !== null && result.length !== 0) {
+            const [offsetX, offsetY] = result.slice(1)
+            originOffsetX = parseInt(offsetX)
+            originOffsetY = parseInt(offsetY)
+          }
+        }
+        let newX =
+          Math.floor((event.clientX - startX) / this.currentScale) +
+          originOffsetX
+        let newY =
+          Math.floor((event.clientY - startY) / this.currentScale) +
+          originOffsetY
+        let transformStr = `translate(${newX}px, ${newY}px)`
+        if (originTransform) {
+          transformStr = originTransform.replace(
+            MATCH_TRANSLATE_REGEX,
+            transformStr
+          )
+        }
+        svgElement.style.transform = transformStr
+        this.$refs.domContainer.style.transform = transformStr
+      }
+
+      container.onmouseup = (event) => {
+        startX = 0
+        startY = 0
+        isDrag = false
+      }
+    },
+    onClickNode(index) {
+      if (this.collapseEnabled) {
+        const curNode = this.nodeDataList[index]
+        if (curNode.data.children) {
+          curNode.data._children = curNode.data.children
+          curNode.data.children = null
+          curNode.data._collapsed = true
+        } else {
+          curNode.data.children = curNode.data._children
+          curNode.data._children = null
+          curNode.data._collapsed = false
+        }
+        this.draw()
+      }
+    },
+    formatDimension(dimension) {
+      if (typeof dimension === 'number') return `${dimension}px`
+      if (dimension.indexOf('px') !== -1) {
+        return dimension
+      } else {
+        return `${dimension}px`
+      }
+    },
+    parseDimensionNumber(dimension) {
+      if (typeof dimension === 'number') {
+        return dimension
+      }
+      return parseInt(dimension.replace('px', ''))
+    }
+  },
+  watch: {
+    _dataset: {
+      deep: true,
+      handler: function () {
+        this.draw()
+        this.initTransform()
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.tree-container {
+  .node {
+    fill: grey !important;
+  }
+
+  .link {
+    stroke-width: 2px !important;
+    fill: transparent !important;
+    stroke: #cecece !important;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.tree-node-item-enter,
+.tree-node-item-leave-to {
+  transition-timing-function: ease-in-out;
+  transition: transform 0.8s;
+  opacity: 0;
+}
+
+.tree-node-item-enter-active,
+.tree-node-item-leave-active {
+  transition-timing-function: ease-in-out;
+  transition: all 0.8s;
+}
+
+.tree-container {
+  position: relative;
+  overflow: hidden;
+
+  .vue-tree {
+    position: relative;
+  }
+
+  > svg,
+  .dom-container {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    overflow: visible;
+    transform-origin: 0 50%;
+  }
+
+  .dom-container {
+    z-index: 1;
+    pointer-events: none;
+  }
+}
+
+.node-slot {
+  cursor: pointer;
+  pointer-events: all;
+  position: absolute;
+  background-color: transparent;
+  box-sizing: border-box;
+  transform: translate(-50%, -50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: content-box;
+  transition: all 0.8s;
+  transition-timing-function: ease-in-out;
+}
+</style>
diff --git a/webapp/frontend/src/main.js b/webapp/frontend/src/main.js
index 68221627..cca781f3 100644
--- a/webapp/frontend/src/main.js
+++ b/webapp/frontend/src/main.js
@@ -3,7 +3,6 @@ import axios from 'axios'
 import VueCookie from 'vue-cookie'
 import VueSimpleContextMenu from 'vue-simple-context-menu'
 import BootstrapVue from 'bootstrap-vue'
-import VueTree from '@ssthouse/vue-tree-chart'
 
 import App from './App.vue'
 import router from './router'
@@ -19,7 +18,7 @@ import '@/plugins/fontawesome'
 import '@/assets/main.css'
 
 Vue.use(VueSimpleContextMenu)
-Vue.component('vue-tree', VueTree)
+
 Vue.use(BootstrapVue)
 Vue.use(VueCookie);
 
diff --git a/webapp/frontend/src/plugins/fontawesome.js b/webapp/frontend/src/plugins/fontawesome.js
index 1f285e77..a6069ff3 100644
--- a/webapp/frontend/src/plugins/fontawesome.js
+++ b/webapp/frontend/src/plugins/fontawesome.js
@@ -2,10 +2,12 @@ import Vue from 'vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { fas } from '@fortawesome/free-solid-svg-icons'
+import { far } from '@fortawesome/free-regular-svg-icons'
 import { fab } from '@fortawesome/free-brands-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
 library.add(fas)
 library.add(fab)
+library.add(far)
 
 Vue.component('font-awesome-icon', FontAwesomeIcon)
diff --git a/webapp/frontend/src/views/ConceptDatabase.vue b/webapp/frontend/src/views/ConceptDatabase.vue
index d4af3fa4..f06cc54d 100644
--- a/webapp/frontend/src/views/ConceptDatabase.vue
+++ b/webapp/frontend/src/views/ConceptDatabase.vue
@@ -16,14 +16,29 @@
         </concept-picker>
       </div>
       <div class="title">Concept Filter</div>
-      <div class="filter-desc">Selected Nodes:</div>
+      <div class="filter-desc">Selected Concepts:
+        <span class="filter-text">{{filterLen}}</span>
+      </div>
       <div class="selected-nodes">
-        <div class="filter-desc" v-for="node of checkedNodes" :key="node.name">
-          <div class="selected-node">{{node.pretty_name}} - {{node.cui}}</div>
-          <font-awesome-icon icon="times" class="remove-selected-node" @click="removeNode(node)"></font-awesome-icon>
+        <div class="filter-desc" v-for="node of checkedNodes" :key="node.name" @click="toggleNodeChildViz(node.cui)">
+          <font-awesome-icon class="ch-toggle" v-if="nodeChildOpen.indexOf(node.cui) !== -1" icon="chevron-down"/>
+          <font-awesome-icon class="ch-toggle" v-else icon="chevron-right"/>
+          <div class="selected-node">{{node.pretty_name}} <span class="sctid">- {{node.cui}}</span></div>
+          <font-awesome-icon icon="times" class="remove-selected-node" @click.stop @click="removeNode(node)"/>
+          <div v-if="nodeChildOpen.indexOf(node.cui) !== -1" @click.stop class="filter-ch-node" v-for="childNode of generatedFilter[node.cui]"
+               @click="toggleExcludedCUI(childNode.cui)">
+            <div class="node-icon-container">
+              <font-awesome-icon icon="fa-regular fa-square-check" class="ch-node-icon" v-if="excludedNodes.indexOf(childNode.cui) === -1" />
+              <font-awesome-icon icon="fa-regular fa-square" class="ch-node-icon" v-else />
+            </div>
+            <span class="selected-node">
+              {{childNode.pretty_name}} <span class="sctid">- {{childNode.cui}}</span>
+            </span>
+          </div>
         </div>
       </div>
       <div id="concept-filter" class="concept-filter-footer">
+        <button class="btn btn-danger clear-filter" @click="clearFilter">Clear Filter</button>
         <button id="export-filter-btn" class="btn btn-primary export-filter" @click="exportFilter">Export Filter</button>
         <b-tooltip target="export-filter-btn" triggers="hover" container="concept-filter"
                    title="Calculate all child concepts and download as a .json file - to upload into a Trainer project"></b-tooltip>
@@ -52,7 +67,11 @@ export default {
       cdbs: [],
       selectedConceptDB: null,
       checkedNodes: [],
-      selectedCui: ''
+      selectedCui: '',
+      filterLen: 0,
+      generatedFilter: {},
+      nodeChildOpen: [],
+      excludedNodes: []
     }
   },
   created () {
@@ -75,22 +94,70 @@ export default {
   methods: {
     pickedResult (res) {
       // picked result is used to search upwards to find path to root. via backend...
-      this.selectedCui = res.cui
+      if (res) {
+        this.selectedCui = res.cui
+      }
     },
     selectNode (node) {
       const idxOf = this.checkedNodes.indexOf(node)
       if (idxOf === -1) {
         this.checkedNodes.push(node)
+        this.nodeChildOpen.push(node.cui)
+        this.generateFilter()
       }
     },
     removeNode (nodeToggled) {
       const idxOf = this.checkedNodes.indexOf(nodeToggled)
       this.checkedNodes.splice(idxOf, 1)
+      this.generateFilter()
     },
-    exportFilter () {
+    generateFilter () {
       const payload = this.checkedNodes.map(r => r.cui)
       this.$http.post('/api/generate-concept-filter/',
         { 'cuis': payload, 'cdb_id': this.selectedConceptDB.id }).then(resp => {
+        this.generatedFilter = resp.data.filter
+        this.filterLen = resp.data.filter_len
+      })
+    },
+    clearFilter () {
+      this.checkedNodes = []
+      this.filterLen = 0
+      this.generatedFilter = {}
+      this.excludedNodes = []
+      this.nodeChildOpen = []
+    },
+    toggleNodeChildViz (cui) {
+      const idxOf = this.nodeChildOpen.indexOf(cui)
+      if (idxOf === -1) {
+        this.nodeChildOpen.push(cui)
+      } else {
+        this.nodeChildOpen.splice(idxOf, 1)
+      }
+    },
+    toggleExcludedCUI (cui) {
+      const idxOf = this.excludedNodes.indexOf(cui)
+      if (idxOf === -1) {
+        this.excludedNodes.push(cui)
+        this.recalcFilterLen()
+      } else {
+        this.excludedNodes.splice(idxOf, 1)
+        this.recalcFilterLen()
+      }
+    },
+    recalcFilterLen () {
+      this.filterLen = _.keys(this.generatedFilter).concat(
+        _.flatten(_.values(this.generatedFilter))
+          .map(i => i.cui)
+          .filter(i => this.excludedNodes.indexOf(i) === -1)
+      ).length
+    },
+    exportFilter () {
+      const payload = {
+        'cuis': this.checkedNodes.map(r => r.cui),
+        'cdb_id': this.selectedConceptDB.id,
+        'excluded_nodes': this.excludedNodes
+      }
+      this.$http.post('/api/generate-concept-filter-json/', payload).then(resp => {
         const url = window.URL.createObjectURL(new Blob([resp.data]))
         const link = document.createElement('a')
         link.href = url
@@ -122,7 +189,7 @@ export default {
 .l-sidebar {
   display: flex;
   flex-direction: column;
-  flex: 0 0 400px;
+  flex: 0 0 500px;
   height: 100%;
 
   .form-group {
@@ -140,17 +207,52 @@ export default {
     box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
   }
 
+  .filter-text {
+    padding: 10px 10px 0 0;
+  }
+
+  .clear-filter {
+    margin: 10px 10px 0 0;
+  }
 
   .export-filter {
     float: right;
-    margin-right: 10px;
-    margin-top: 10px;
+    margin: 10px 10px 0 0;
   }
 }
 
 .selected-node {
   display: inline-block;
-  width: calc(100% - 20px);
+  width: calc(100% - 20px - 25px); /** icons either site **/
+}
+
+.ch-toggle {
+  width: 20px;
+  padding-right: 2px;
+}
+
+.filter-ch-node {
+  padding-left: 15px;
+  margin: 1px;
+  &:hover {
+    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
+    cursor: pointer;
+  }
+
+  .ch-node-icon {
+    padding-right: 2px;
+  }
+}
+
+.sctid {
+  opacity: .4;
+}
+
+.node-icon-container {
+  display: inline-block;
+  vertical-align: center;
+  font-size: 18px;
+  padding-right: 3px;
 }
 
 .remove-selected-node {