Split apps

README.md

@@ -1,5 +1,5 @@
 ---
-title: Healthsea
+title: HealthseaDemo
 emoji: 🪐
 colorFrom: yellow
 colorTo: pink

app.py

@@ -1,11 +1,13 @@
 import streamlit as st
-from visualize_dataset import visualize_dataset
-from visualize_pipeline import visualize_pipeline
+from pathlib import Path
+import json
+from support_functions import HealthseaSearch
 
 # Header
 with open("style.css") as f:
     st.markdown("<style>" + f.read() + "</style>", unsafe_allow_html=True)
 
+# Intro
 st.title("Welcome to Healthsea 🪐")
 
 intro, jellyfish = st.columns(2)
@@ -15,23 +17,144 @@ intro.subheader("Create easier access to health✨")
 
 jellyfish.image("data/img/Jellymation.gif")
 intro.markdown(
-    """Healthsea is a spaCy v3 pipeline that is capable of analyzing user-generated reviews to supplementary products by extracting their effects on health.
-    The analysis is based on the written-text and context from the reviews."""
+    """Healthsea is an end-to-end spaCy v3 pipeline for analyzing user reviews to supplementary products and extracting their potential effects on health."""
 )
 intro.markdown(
-    """With this app, you're able to explore the pipeline and its analysis on productive data. You can choose between two different apps `Visualize dataset` and `Visualize pipeline`.
+    """The code for Healthsea is provided in this [github repository](https://github.com/thomashacker/healthsea). For more information about Healthsea, you can visit our [blog post](https://explosion.ai/).
     """
 )
-intro.markdown(
-    """The code for Healthsea is provided in this [github repository](https://github.com/thomashacker/healthsea) and if you're interested you can read more about the project in our [blog post]().
+
+st.write(
+    """This app visualizes the results of Healthsea on a dataset of up to 1 million reviews to 10.000 products. You can use the app to search for any health aspect, whether it's a disease (e.g. joint pain) or a positive state of health (e.g. energy), the app returns a list of products and substances.
+    """
+)
+
+st.warning("""Healthsea is an experimental project and the results should not be used as a foundation for solving health problems. Nor do we want to give the impression that supplements are the answer to anyone's health issues.""")
+
+# Configuration
+health_aspect_path = Path("data/health_aspects.json")
+product_path = Path("data/products.json")
+condition_path = Path("data/condition_vectors.json")
+benefit_path = Path("data/benefit_vectors.json")
+
+# Load data
+@st.cache(allow_output_mutation=True)
+def load_data(
+    _health_aspect_path: Path,
+    _product_path: Path,
+    _condition_path: Path,
+    _benefit_path: Path,
+):
+    with open(_health_aspect_path) as reader:
+        health_aspects = json.load(reader)
+    with open(_product_path) as reader:
+        products = json.load(reader)
+    with open(_condition_path) as reader:
+        conditions = json.load(reader)
+    with open(_benefit_path) as reader:
+        benefits = json.load(reader)
+    return health_aspects, products, conditions, benefits
+
+
+# Functions
+def kpi(n, text):
+    html = f"""
+    <div class='kpi'>
+        <h1 class='kpi_header'>{n}</h1>
+        <span>{text}</span>
+    </div>
     """
+    return html
+
+
+def central_text(text):
+    html = f"""<h2 class='central_text'>{text}</h2>"""
+    return html
+
+# Loading data
+health_aspects, products, conditions, benefits = load_data(
+    health_aspect_path, product_path, condition_path, benefit_path
+)
+search_engine = HealthseaSearch(health_aspects, products, conditions, benefits)
+
+# KPI
+st.markdown("""---""")
+
+st.markdown(central_text("🎀 Dataset"), unsafe_allow_html=True)
+
+kpi_products, kpi_reviews, kpi_condition, kpi_benefit = st.columns(4)
+
+def round_to_k(value):
+    return str(round(value/1000,1))+"k"
+
+kpi_products.markdown(kpi(round_to_k(len(products)), "Products"), unsafe_allow_html=True)
+kpi_reviews.markdown(kpi(round_to_k(int(933240)), "Reviews"), unsafe_allow_html=True)
+kpi_condition.markdown(kpi(round_to_k(len(conditions)), "Conditions"), unsafe_allow_html=True)
+kpi_benefit.markdown(kpi(round_to_k(len(benefits)), "Benefits"), unsafe_allow_html=True)
+
+st.markdown("""---""")
+
+# Expander
+show_conditions, show_benefits = st.columns(2)
+
+with show_conditions.expander("Top mentioned Conditions"):
+    st.write(search_engine.get_all_conditions_df())
+
+with show_benefits.expander("Top mentioned Benefits"):
+    st.write(search_engine.get_all_benefits_df())
+
+st.markdown("""---""")
+
+# Search
+search = st.text_input(label="Search for an health aspect", value="joint pain")
+n = st.slider("Show top n results", min_value=10, max_value=1000, value=25)
+
+st.markdown("""---""")
+st.markdown(central_text("🧃 Products"), unsafe_allow_html=True)
+
+st.info("""The product score is based on the results of Healthsea. Variables used for the score are: health effect prediction, product rating, helpful count and whether the review is considered a 'fake review'. """)
+
+# DataFrame
+st.write(search_engine.get_products_df(search, n))
+
+# KPI & Alias
+aspect_alias = search_engine.get_aspect(search)["alias"]
+
+kpi_product_mentions, kpi_alias = st.columns(2)
+
+kpi_product_mentions.markdown(kpi(len(search_engine.get_aspect(search)["products"]), "Products"), unsafe_allow_html=True)
+
+
+kpi_alias.markdown(
+    kpi(len(aspect_alias), "Similar health aspects"),
+    unsafe_allow_html=True,
 )
 
+depth = st.slider("Depth", min_value=0, max_value=5, value=2)
+
+recursive_alias, recursive_edges = search_engine.get_recursive_alias(search,0,{},[],depth)
+
+vectors = []
+main_aspect = search_engine.get_aspect_meta(search)
+vectors.append((main_aspect["name"], main_aspect["vector"]))
+for aspect in aspect_alias:
+    current_aspect = search_engine.get_aspect_meta(aspect)
+    vectors.append((current_aspect["name"], current_aspect["vector"]))
+st.markdown("\n")
+st.info("""Health aspects with a high similarity (>=90%) are clustered together.""")
+#search_engine.pyvis(vectors)
+search_engine.pyvis2(recursive_alias,recursive_edges)
+
 st.markdown("""---""")
 
-app_type = st.selectbox("Choose app", ["Visualize dataset", "Visualize pipeline"])
+# Substances
+st.markdown(central_text("🍯 Substances"), unsafe_allow_html=True)
+st.info("""Substance scores are based on product scores""")
 
-if app_type == "Visualize dataset":
-    visualize_dataset()
-else:
-    visualize_pipeline()
+# DataFrame
+st.write(search_engine.get_substances_df(search, n))
+kpi_substances, empty = st.columns(2)
+kpi_substances.markdown(
+    kpi(len(search_engine.get_aspect(search)["substance"]), "Substances"),
+    unsafe_allow_html=True,
+)

requirements.txt

@@ -1,9 +1,4 @@
 streamlit>=1.2.0
-spacy-streamlit>=1.0.2
-spacy>=3.1.4
-benepar>=0.2.0
 pyvis
 numpy
 pandas
-
-https://huggingface.co/edichief/en_healthsea/resolve/main/en_healthsea-any-py3-none-any.whl

support_functions.py

@@ -9,6 +9,20 @@ from numpy.linalg import norm
 from pyvis.network import Network
 import streamlit.components.v1 as components
 
+color_code_node = {
+    0: '#4B9EFF',
+    1: '#4BD4FF',
+    2: '#3CDFCB',
+    3: '#37DF8E',
+    4: '#A0C159',
+    5: '#CA804B',
+    6: '#CA524B',
+    7: '#CA4B97',
+    8: '#C04BCA',
+    9: '#5D4BCA',
+    10: '#213ABA',
+    11: '#0E6697',
+}
 
 class HealthseaSearch:
     def __init__(self, _health_aspects, _products, _conditions, _benefits):
@@ -145,6 +159,48 @@ class HealthseaSearch:
         #    net.add_edge(vectors[0][0],_vector[0], weight=sim, value=sim*0.1, title=sim)
 
 
+        net.save_graph("viz.html")
+        HtmlFile = open("viz.html", 'r', encoding='utf-8')
+        source_code = HtmlFile.read() 
+        components.html(source_code, height = 500, width=700)
+
+    # Experimental
+    def get_recursive_alias(self, _aspect, n, node_list, edge_list, _max):
+        aspect = self.get_aspect(_aspect)
+
+        aspect_name = aspect["name"].replace(" ","_")
+
+        if aspect_name not in node_list:
+            node_list[aspect_name] = {"level":n}
+
+        aspect_alias = aspect["alias"]
+
+        if len(aspect_alias) > 0 and n <= _max:
+            for alias in aspect_alias: 
+                if alias not in node_list:
+                    edge_list.append((aspect_name,alias,n))
+                    self.get_recursive_alias(alias, n+1, node_list, edge_list,_max)
+
+            return node_list, edge_list
+        else:
+            return node_list, edge_list
+
+    def add_to_network(self, network, node_list, edge_list):
+        for node in node_list:
+            value = 100-(15*node_list[node]["level"])
+            network.add_node(node, label=node, color=color_code_node[node_list[node]["level"]], value=value, shape="dot", title = str(node_list[node]["level"]))
+
+        for edge in edge_list:
+            value = 1-(0.15*edge[2])
+            network.add_edge(edge[0], edge[1], value=value)
+
+    def pyvis2(self, node_list, edge_list):
+        net = Network(height='500px', width='700px', bgcolor="#0E1117", font_color="#ffffff")
+        net.barnes_hut(gravity=-2500-(len(node_list)*2))
+        net.set_edge_smooth("dynamic")
+
+        self.add_to_network(net, node_list, edge_list)
+
         net.save_graph("viz.html")
         HtmlFile = open("viz.html", 'r', encoding='utf-8')
         source_code = HtmlFile.read() 
@@ -256,7 +312,6 @@ class HealthseaSearch:
 
         return df
 
-
     def get_all_benefits(self):
         benefit_list = []
         for benefit_key in self.benefits:
@@ -292,36 +347,3 @@ class HealthseaSearch:
         df = df.astype(datatypes)
 
         return df
-
-
-class HealthseaPipe:
-
-    # Get Clauses and their predictions
-    def get_clauses(self, doc):
-        clauses = []
-        for clause in doc._.clauses:
-            words = []
-            spaces = []
-            clause_slice = doc[clause["split_indices"][0] : clause["split_indices"][1]]
-
-            if clause["has_ent"]:
-                for token in clause_slice:
-                    if token.i == clause["ent_indices"][0]:
-                        words.append(
-                            clause["blinder"].replace(">", "").replace("<", "")
-                        )
-                        spaces.append(True)
-                    elif token.i not in range(
-                        clause["ent_indices"][0], clause["ent_indices"][1]
-                    ):
-                        words.append(token.text)
-                        spaces.append(token.whitespace_)
-                clauses.append(Doc(doc.vocab, words=words, spaces=spaces))
-
-            else:
-                for token in clause_slice:
-                    words.append(token.text)
-                    spaces.append(token.whitespace_)
-                clauses.append(Doc(doc.vocab, words=words, spaces=spaces))
-
-        return clauses

visualize_dataset.py

@@ -1,137 +0,0 @@
-import streamlit as st
-from pathlib import Path
-import json
-from support_functions import HealthseaSearch
-
-def visualize_dataset():
-    # Configuration
-    health_aspect_path = Path("data/health_aspects.json")
-    product_path = Path("data/products.json")
-    condition_path = Path("data/condition_vectors.json")
-    benefit_path = Path("data/benefit_vectors.json")
-
-    # Load data
-    @st.cache(allow_output_mutation=True)
-    def load_data(
-        _health_aspect_path: Path,
-        _product_path: Path,
-        _condition_path: Path,
-        _benefit_path: Path,
-    ):
-        with open(_health_aspect_path) as reader:
-            health_aspects = json.load(reader)
-        with open(_product_path) as reader:
-            products = json.load(reader)
-        with open(_condition_path) as reader:
-            conditions = json.load(reader)
-        with open(_benefit_path) as reader:
-            benefits = json.load(reader)
-        return health_aspects, products, conditions, benefits
-
-
-    # Functions
-    def kpi(n, text):
-        html = f"""
-        <div class='kpi'>
-            <h1 class='kpi_header'>{n}</h1>
-            <span>{text}</span>
-        </div>
-        """
-        return html
-
-
-    def central_text(text):
-        html = f"""<h2 class='central_text'>{text}</h2>"""
-        return html
-
-    # Loading data
-    health_aspects, products, conditions, benefits = load_data(
-        health_aspect_path, product_path, condition_path, benefit_path
-    )
-    search_engine = HealthseaSearch(health_aspects, products, conditions, benefits)
-
-    # KPI
-
-    st.info("""This app showcases a dataset of up to one million reviews that was analyzed by the Healthsea pipeline. You can search for any health aspect, whether it's a disease (e.g. joint pain) or a positive state of health (e.g. energy), the app will output a list of products and substances.
-    These products have a score which is calculated by the content of their reviews.""")
-
-    st.warning("""Please note that Healthsea is a research project and a proof-of-concept that presents a technical approach on analyzing user-generated reviews.
-    The results produced by Healthsea should not be used as a foundation for treating health problems and neither do we want to advocate that supplementary products are able to solve all health issues.""")
-
-
-    st.markdown("""---""")
-
-    st.markdown(central_text("🎀 Dataset"), unsafe_allow_html=True)
-
-    kpi_products, kpi_reviews, kpi_condition, kpi_benefit = st.columns(4)
-
-    def round_to_k(value):
-        return str(round(value/1000,1))+"k"
-
-    kpi_products.markdown(kpi(round_to_k(len(products)), "Products"), unsafe_allow_html=True)
-    kpi_reviews.markdown(kpi(round_to_k(int(933240)), "Reviews"), unsafe_allow_html=True)
-    kpi_condition.markdown(kpi(round_to_k(len(conditions)), "Conditions"), unsafe_allow_html=True)
-    kpi_benefit.markdown(kpi(round_to_k(len(benefits)), "Benefits"), unsafe_allow_html=True)
-
-    st.markdown("""---""")
-
-    # Expander
-    show_conditions, show_benefits = st.columns(2)
-
-    with show_conditions.expander("Top mentioned Conditions"):
-        st.write(search_engine.get_all_conditions_df())
-
-    with show_benefits.expander("Top mentioned Benefits"):
-        st.write(search_engine.get_all_benefits_df())
-
-    st.markdown("""---""")
-
-    # Search
-    search = st.text_input(label="Search for an health aspect", value="joint pain")
-    n = st.slider("Show top n results", min_value=10, max_value=1000, value=25)
-
-    st.markdown("""---""")
-    st.markdown(central_text("🧃 Products"), unsafe_allow_html=True)
-
-    st.info("""The products are scored based on what reviewers say. Additional variables in the scoring function are product rating, helpful count and whether the review is considered 'fake'. """)
-
-    # DataFrame
-    st.write(search_engine.get_products_df(search, n))
-
-    # KPI & Alias
-    aspect_alias = search_engine.get_aspect(search)["alias"]
-
-    kpi_product_mentions, kpi_alias = st.columns(2)
-
-    kpi_product_mentions.markdown(kpi(len(search_engine.get_aspect(search)["products"]), "Products"), unsafe_allow_html=True)
-
-    if len(aspect_alias) > 0:
-        kpi_alias.markdown(
-            kpi(len(aspect_alias), "Similar health aspects"),
-            unsafe_allow_html=True,
-        )
-
-        vectors = []
-        main_aspect = search_engine.get_aspect_meta(search)
-        vectors.append((main_aspect["name"], main_aspect["vector"]))
-        for aspect in aspect_alias:
-            current_aspect = search_engine.get_aspect_meta(aspect)
-            vectors.append((current_aspect["name"], current_aspect["vector"]))
-        st.markdown("\n")
-        st.info("""To improve the search, the table also shows results of other health aspects with a high similarity""")
-        #st.write(search_engine.tsne_plot(vectors))
-        search_engine.pyvis(vectors)
-
-    st.markdown("""---""")
-
-    # Substances
-    st.markdown(central_text("🍯 Substances"), unsafe_allow_html=True)
-    st.info("""The scores of the substances are based on the products""")
-
-    # DataFrame
-    st.write(search_engine.get_substances_df(search, n))
-    kpi_substances, empty = st.columns(2)
-    kpi_substances.markdown(
-        kpi(len(search_engine.get_aspect(search)["substance"]), "Substances"),
-        unsafe_allow_html=True,
-    )

visualize_pipeline.py

@@ -1,157 +0,0 @@
-import streamlit as st
-import spacy
-from spacy_streamlit import visualize_ner
-from support_functions import HealthseaPipe
-import operator
-
-def visualize_pipeline():
-    healthsea_pipe = HealthseaPipe()
-
-    color_code = {
-        "POSITIVE": ("#3C9E58", "#1B7735"),
-        "NEGATIVE": ("#FF166A", "#C0094B"),
-        "NEUTRAL": ("#7E7E7E", "#4E4747"),
-        "ANAMNESIS": ("#E49A55", "#AD6B2D"),
-    }
-
-    example_reviews = [
-        "This is great for joint pain.",
-        "Product helped my joint pain but it also caused rashes.",
-        "I'm diagnosed with gastritis. This product helped!",
-        "This has made my insomnia even worse.",
-        "It didn't help my joint pain.",
-    ]
-
-    # Functions
-    def kpi(n, text):
-        html = f"""
-        <div class='kpi'>
-            <h1>{n}</h1>
-            <span>{text}</span>
-        </div>
-        """
-        return html
-
-
-    def central_text(text):
-        html = f"""<h2 class='central_text'>{text}</h2>"""
-        return html
-
-
-    def format_clause(text, meta, pred):
-        html = f"""
-        <div>
-            <div class="clause" style="background-color:{color_code[pred][0]} ; box-shadow: 0px 5px {color_code[pred][1]}; border-color:{color_code[pred][1]};">
-                <div class="clause_text">{text}</div>
-            </div>
-            <div class="clause_meta">
-                <div>{meta}</div>
-            </div>
-        </div>"""
-        return html
-
-
-    def format_effect(text, pred):
-        html = f"""
-        <div>
-            <div class="clause" style="background-color:{color_code[pred][0]} ; box-shadow: 0px 5px {color_code[pred][1]}; border-color:{color_code[pred][1]};">
-                <div class="clause_text">{text}</div>
-            </div>
-        </div>"""
-        return html
-
-    load_state = st.info("Loading...")
-    # Load model
-    try:
-        load_state.info("Loading model...")
-        if "model" not in st.session_state:
-            nlp = spacy.load("en_healthsea")
-            st.session_state["model"] = nlp
-
-    # Download model
-    except LookupError:
-        import nltk
-        import benepar
-        load_state.info ("Downloading model...")
-        benepar.download('benepar_en3')
-        if "model" not in st.session_state:
-            nlp = spacy.load("en_healthsea")
-            st.session_state["model"] = nlp
-    load_state.success ("Loading complete!")
-
-    # Pipeline
-    st.info("""This app visualizes the processing steps of the Healthsea pipeline. You can test it by writing an example review.""")
-
-    st.markdown("""---""")
-
-    st.markdown(central_text("⚙️ Pipeline"), unsafe_allow_html=True)
-
-    check = st.checkbox("Use predefined examples")
-
-    if not check:
-        text = st.text_input(label="Write a review", value="This is great for joint pain!")
-    else:
-        text = st.selectbox("Predefined example reviews", example_reviews)
-
-    nlp = st.session_state["model"]
-    doc = nlp(text)
-
-    # NER
-    visualize_ner(
-        doc,
-        labels=nlp.get_pipe("ner").labels,
-        show_table=False,
-        title="✨ Named Entity Recognition",
-        colors={"CONDITION": "#FF4B76", "BENEFIT": "#629B68"},
-    )
-
-    st.info("""The first processing step is to identify Conditions or Benefits with Named Entity Recognition. Conditions are diseases, symptoms and general health problems (e.g. joint pain), while Benefits are positive desired health aspects (e.g. energy)""")
-
-    st.markdown("""---""")
-
-    # Segmentation, Blinding, Classification
-    st.markdown("## 🔮 Segmentation, Blinding, Classification")
-
-    clauses = healthsea_pipe.get_clauses(doc)
-    for doc_clause, clause in zip(clauses, doc._.clauses):
-        classification = max(clause["cats"].items(), key=operator.itemgetter(1))[0]
-        percentage = round(float(clause["cats"][classification]) * 100, 2)
-        meta = f"{clause['ent_name']} ({classification} {percentage}%)"
-
-        st.markdown(
-            format_clause(doc_clause.text, meta, classification), unsafe_allow_html=True
-        )
-        st.markdown("\n")
-
-    st.info("""The review is segmented into sub-clauses and then classified by a Text Classification model. We additionally blind the found entities to improve generalization and also to inform the model about our current target entity of which we want to get the prediction of.
-    The Text Classification predicts four exclusive classes: 'Positive', 'Negative', 'Neutral', 'Anamnesis', they represent the health effect.""")
-
-    st.info("""The 'Anamnesis' class is defined as the current state of health of a reviewer (e.g. 'I am diagnosed with joint pain'). It is used to link stated health effects that are mentioned in later sentences.""")
-
-    st.markdown("""---""")
-
-    # Aggregation
-    st.markdown("## 🔗 Aggregation")
-
-    for effect in doc._.health_effects:
-        st.markdown(
-            format_effect(
-                f"{doc._.health_effects[effect]['effect']} effect on {effect}",
-                doc._.health_effects[effect]["effect"],
-            ),
-            unsafe_allow_html=True,
-        )
-        st.markdown("\n")
-
-    st.info("""Multiple classification are aggregated into one final classification.""")
-
-    st.markdown("""---""")
-    # Indepth
-    st.markdown("## 🔧 Pipeline attributes")
-    clauses_col, effect_col = st.columns(2)
-
-    clauses_col.markdown("### doc._.clauses")
-    for clause in doc._.clauses:
-        clauses_col.json(clause)
-    effect_col.markdown("### doc._.health_effects")
-    effect_col.json(doc._.health_effects)

viz.html

@@ -21,6 +21,75 @@
         }
 
         
+        #loadingBar {
+            position:absolute;
+            top:0px;
+            left:0px;
+            width: 700px;
+            height: 500px;
+            background-color:rgba(200,200,200,0.8);
+            -webkit-transition: all 0.5s ease;
+            -moz-transition: all 0.5s ease;
+            -ms-transition: all 0.5s ease;
+            -o-transition: all 0.5s ease;
+            transition: all 0.5s ease;
+            opacity:1;
+        }
+
+        #bar {
+            position:absolute;
+            top:0px;
+            left:0px;
+            width:20px;
+            height:20px;
+            margin:auto auto auto auto;
+            border-radius:11px;
+            border:2px solid rgba(30,30,30,0.05);
+            background: rgb(0, 173, 246); /* Old browsers */
+            box-shadow: 2px 0px 4px rgba(0,0,0,0.4);
+        }
+
+        #border {
+            position:absolute;
+            top:10px;
+            left:10px;
+            width:500px;
+            height:23px;
+            margin:auto auto auto auto;
+            box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
+            border-radius:10px;
+        }
+
+        #text {
+            position:absolute;
+            top:8px;
+            left:530px;
+            width:30px;
+            height:50px;
+            margin:auto auto auto auto;
+            font-size:22px;
+            color: #000000;
+        }
+
+        div.outerBorder {
+            position:relative;
+            top:400px;
+            width:600px;
+            height:44px;
+            margin:auto auto auto auto;
+            border:8px solid rgba(0,0,0,0.1);
+            background: rgb(252,252,252); /* Old browsers */
+            background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
+            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
+            background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
+            background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
+            background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
+            background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
+            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+            border-radius:72px;
+            box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
+        }
+        
 
         
 
@@ -32,6 +101,15 @@
 <body>
 <div id = "mynetwork"></div>
 
+<div id="loadingBar">
+    <div class="outerBorder">
+        <div id="text">0%</div>
+        <div id="border">
+            <div id="bar"></div>
+        </div>
+    </div>
+</div>
+
 
 <script type="text/javascript">
 
@@ -50,8 +128,8 @@
         
 
         // parsing and collecting nodes and edges from the python
-        nodes = new vis.DataSet([{"color": "#4EA0DB", "font": {"color": "#ffffff"}, "id": "joint pain", "label": "joint pain", "shape": "circle", "value": 100}, {"color": "#FE51B9", "font": {"color": "#ffffff"}, "id": "knee pain", "label": "knee pain", "shape": "circle", "value": 70}, {"color": "#FE51B9", "font": {"color": "#ffffff"}, "id": "joint pains", "label": "joint pains", "shape": "circle", "value": 70}, {"color": "#FE51B9", "font": {"color": "#ffffff"}, "id": "hip pain", "label": "hip pain", "shape": "circle", "value": 70}, {"color": "#FE51B9", "font": {"color": "#ffffff"}, "id": "joint swelling", "label": "joint swelling", "shape": "circle", "value": 70}, {"color": "#FE51B9", "font": {"color": "#ffffff"}, "id": "joint spasms", "label": "joint spasms", "shape": "circle", "value": 70}, {"color": "#FE51B9", "font": {"color": "#ffffff"}, "id": "hip joint pain", "label": "hip joint pain", "shape": "circle", "value": 70}]);
-        edges = new vis.DataSet([{"from": "joint pain", "title": 0.9572226566398657, "to": "knee pain", "value": 0.9572226566398657, "weight": 0.9572226566398657}, {"from": "joint pain", "title": 0.9625375209664775, "to": "joint pains", "value": 0.9625375209664775, "weight": 0.9625375209664775}, {"from": "joint pain", "title": 0.95503555027131, "to": "hip pain", "value": 0.95503555027131, "weight": 0.95503555027131}, {"from": "joint pain", "title": 0.9502244303109445, "to": "joint swelling", "value": 0.9502244303109445, "weight": 0.9502244303109445}, {"from": "joint pain", "title": 0.9501415183125163, "to": "joint spasms", "value": 0.9501415183125163, "weight": 0.9501415183125163}, {"from": "joint pain", "title": 0.954950292429293, "to": "hip joint pain", "value": 0.954950292429293, "weight": 0.954950292429293}, {"from": "knee pain", "title": 0.9418004072308424, "to": "joint pains", "value": 0.4709002036154212, "weight": 0.9418004072308424}, {"from": "knee pain", "title": 0.9728595739961697, "to": "hip pain", "value": 0.48642978699808487, "weight": 0.9728595739961697}, {"from": "knee pain", "title": 0.9295580615322443, "to": "joint swelling", "value": 0.46477903076612215, "weight": 0.9295580615322443}, {"from": "knee pain", "title": 0.9360705784202505, "to": "joint spasms", "value": 0.46803528921012527, "weight": 0.9360705784202505}, {"from": "knee pain", "title": 0.9537760229169578, "to": "hip joint pain", "value": 0.4768880114584789, "weight": 0.9537760229169578}, {"from": "joint pains", "title": 0.9267684505176702, "to": "hip pain", "value": 0.4633842252588351, "weight": 0.9267684505176702}, {"from": "joint pains", "title": 0.949263384012155, "to": "joint swelling", "value": 0.4746316920060775, "weight": 0.949263384012155}, {"from": "joint pains", "title": 0.9767091604713536, "to": "joint spasms", "value": 0.4883545802356768, "weight": 0.9767091604713536}, {"from": "joint pains", "title": 0.9271664961331827, "to": "hip joint pain", "value": 0.46358324806659135, "weight": 0.9271664961331827}, {"from": "hip pain", "title": 0.9171146529864702, "to": "joint swelling", "value": 0.4585573264932351, "weight": 0.9171146529864702}, {"from": "hip pain", "title": 0.9164231845869644, "to": "joint spasms", "value": 0.4582115922934822, "weight": 0.9164231845869644}, {"from": "hip pain", "title": 0.9591815632838274, "to": "hip joint pain", "value": 0.4795907816419137, "weight": 0.9591815632838274}, {"from": "joint swelling", "title": 0.9714236421275902, "to": "joint spasms", "value": 0.4857118210637951, "weight": 0.9714236421275902}, {"from": "joint swelling", "title": 0.9166539186706262, "to": "hip joint pain", "value": 0.4583269593353131, "weight": 0.9166539186706262}, {"from": "joint spasms", "title": 0.9179037086580787, "to": "hip joint pain", "value": 0.45895185432903934, "weight": 0.9179037086580787}]);
+        nodes = new vis.DataSet([{"color": "#4B9EFF", "font": {"color": "#ffffff"}, "id": "joint_pain", "label": "joint_pain", "shape": "dot", "title": "0", "value": 100}, {"color": "#4BD4FF", "font": {"color": "#ffffff"}, "id": "knee_pain", "label": "knee_pain", "shape": "dot", "title": "1", "value": 85}, {"color": "#3CDFCB", "font": {"color": "#ffffff"}, "id": "foot_pain", "label": "foot_pain", "shape": "dot", "title": "2", "value": 70}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_pain", "label": "hip_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_pain", "label": "shoulder_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "ankle_pain", "label": "ankle_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "neck_pain", "label": "neck_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "wrist_pain", "label": "wrist_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "forearm_pain", "label": "forearm_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "leg_pain", "label": "leg_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "foot_cramps", "label": "foot_cramps", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "legs_pain", "label": "legs_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "chest_pain", "label": "chest_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "elbow_pain", "label": "elbow_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "waist_pain", "label": "waist_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "finger_joint_pain", "label": "finger_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "toe_pain", "label": "toe_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "arm_pain", "label": "arm_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "thumb_pain", "label": "thumb_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "heel_pain", "label": "heel_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "head_pain", "label": "head_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knuckle_pain", "label": "knuckle_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "finger_pain", "label": "finger_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "foot_swelling", "label": "foot_swelling", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "feet_pain", "label": "feet_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "jaw_pain", "label": "jaw_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulders_pain", "label": "shoulders_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "thigh_pain", "label": "thigh_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "arms_pain", "label": "arms_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#3CDFCB", "font": {"color": "#ffffff"}, "id": "knee_joint_pain", "label": "knee_joint_pain", "shape": "dot", "title": "2", "value": 70}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_joints_pain", "label": "knee_joints_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "aching_joint_pain", "label": "aching_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_joint_pains", "label": "knee_joint_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_joint_pain", "label": "hip_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_ligament_pain", "label": "knee_ligament_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_muscle_pain", "label": "shoulder_muscle_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "wrist_joint_pain", "label": "wrist_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee__pain", "label": "knee__pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_joint_ache", "label": "knee_joint_ache", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_muscle_pain", "label": "joint_muscle_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "arthritic_joint_pain", "label": "arthritic_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "fingers_joint_pain", "label": "fingers_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "ankle_joint__pain", "label": "ankle_joint__pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_joint_aches", "label": "hip_joint_aches", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "elbow_joint_pains", "label": "elbow_joint_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knees_joint_pain", "label": "knees_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_joint_stiffness", "label": "knee_joint_stiffness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "arm_muscle_pain", "label": "arm_muscle_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_arm_pain", "label": "shoulder_arm_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "thumb_joint_pain", "label": "thumb_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_finger_pain", "label": "joint_finger_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_joints_pain", "label": "shoulder_joints_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_bone_joint_pain", "label": "shoulder_bone_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_knee_pain", "label": "hip_knee_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_joint_discomfort", "label": "hip_joint_discomfort", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee\njoint_pain", "label": "knee\njoint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "jaw_hindge_joint_pain", "label": "jaw_hindge_joint_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_joints_pain", "label": "hip_joints_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#3CDFCB", "font": {"color": "#ffffff"}, "id": "knee_pains", "label": "knee_pains", "shape": "dot", "title": "2", "value": 70}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_pains", "label": "joint_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "leg_cramps", "label": "leg_cramps", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_aches", "label": "knee_aches", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knees_pain", "label": "knees_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_pains", "label": "shoulder_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_aches", "label": "hip_aches", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "chest_pains", "label": "chest_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "leg_spasms", "label": "leg_spasms", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "leg_pains", "label": "leg_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hip_pains", "label": "hip_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_discomfort", "label": "knee_discomfort", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_cramps", "label": "knee_cramps", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "elbow_aches", "label": "elbow_aches", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_soreness", "label": "shoulder_soreness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "ankle_pains", "label": "ankle_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "feet_pains", "label": "feet_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "legs_pains", "label": "legs_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "leg_aches", "label": "leg_aches", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "neck_spasms", "label": "neck_spasms", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_swelling", "label": "knee_swelling", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "leg_numbness", "label": "leg_numbness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_cramps", "label": "joint_cramps", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "neck_pains", "label": "neck_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "tendon_pains", "label": "tendon_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knees_pains", "label": "knees_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_tendonitis", "label": "shoulder_tendonitis", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knees_joint_pains", "label": "knees_joint_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "head_pains", "label": "head_pains", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_aches", "label": "shoulder_aches", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "shoulder_discomfort", "label": "shoulder_discomfort", "shape": "dot", "title": "3", "value": 55}, {"color": "#3CDFCB", "font": {"color": "#ffffff"}, "id": "spine_pain", "label": "spine_pain", "shape": "dot", "title": "2", "value": 70}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joints_pain", "label": "joints_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "ligaments_pain", "label": "ligaments_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "bone_pain", "label": "bone_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "nerve_pain", "label": "nerve_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "limb_pain", "label": "limb_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "hips_pain", "label": "hips_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "vertebral_pain", "label": "vertebral_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "pelvic_pain", "label": "pelvic_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "spinal_pain", "label": "spinal_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "bony_pain", "label": "bony_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "ear_pain", "label": "ear_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "ligament_pain", "label": "ligament_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "abdomen_pain", "label": "abdomen_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "kneecap_pain", "label": "kneecap_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "groin_pain", "label": "groin_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "extremity_pain", "label": "extremity_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "tendon_pain", "label": "tendon_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "testicle_pain", "label": "testicle_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "tailbone_pain", "label": "tailbone_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "lumbar_pain", "label": "lumbar_pain", "shape": "dot", "title": "3", "value": 55}, {"color": "#4BD4FF", "font": {"color": "#ffffff"}, "id": "joint_swelling", "label": "joint_swelling", "shape": "dot", "title": "1", "value": 85}, {"color": "#3CDFCB", "font": {"color": "#ffffff"}, "id": "joint_stiffness", "label": "joint_stiffness", "shape": "dot", "title": "2", "value": 70}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_soreness", "label": "joint_soreness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_discomfort", "label": "joint_discomfort", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "knee_stiffness", "label": "knee_stiffness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_spasms", "label": "joint_spasms", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_weakness", "label": "joint_weakness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_tightness", "label": "joint_tightness", "shape": "dot", "title": "3", "value": 55}, {"color": "#37DF8E", "font": {"color": "#ffffff"}, "id": "joint_tenderness", "label": "joint_tenderness", "shape": "dot", "title": "3", "value": 55}]);
+        edges = new vis.DataSet([{"from": "joint_pain", "to": "knee_pain", "value": 1.0}, {"from": "knee_pain", "to": "foot_pain", "value": 0.85}, {"from": "foot_pain", "to": "hip_pain", "value": 0.7}, {"from": "foot_pain", "to": "shoulder_pain", "value": 0.7}, {"from": "foot_pain", "to": "ankle_pain", "value": 0.7}, {"from": "foot_pain", "to": "neck_pain", "value": 0.7}, {"from": "foot_pain", "to": "wrist_pain", "value": 0.7}, {"from": "foot_pain", "to": "forearm_pain", "value": 0.7}, {"from": "foot_pain", "to": "leg_pain", "value": 0.7}, {"from": "foot_pain", "to": "foot_cramps", "value": 0.7}, {"from": "foot_pain", "to": "legs_pain", "value": 0.7}, {"from": "foot_pain", "to": "chest_pain", "value": 0.7}, {"from": "foot_pain", "to": "elbow_pain", "value": 0.7}, {"from": "foot_pain", "to": "waist_pain", "value": 0.7}, {"from": "foot_pain", "to": "finger_joint_pain", "value": 0.7}, {"from": "foot_pain", "to": "toe_pain", "value": 0.7}, {"from": "foot_pain", "to": "arm_pain", "value": 0.7}, {"from": "foot_pain", "to": "thumb_pain", "value": 0.7}, {"from": "foot_pain", "to": "heel_pain", "value": 0.7}, {"from": "foot_pain", "to": "head_pain", "value": 0.7}, {"from": "foot_pain", "to": "knuckle_pain", "value": 0.7}, {"from": "foot_pain", "to": "finger_pain", "value": 0.7}, {"from": "foot_pain", "to": "foot_swelling", "value": 0.7}, {"from": "foot_pain", "to": "feet_pain", "value": 0.7}, {"from": "foot_pain", "to": "jaw_pain", "value": 0.7}, {"from": "foot_pain", "to": "shoulders_pain", "value": 0.7}, {"from": "foot_pain", "to": "thigh_pain", "value": 0.7}, {"from": "foot_pain", "to": "arms_pain", "value": 0.7}, {"from": "knee_pain", "to": "knee_joint_pain", "value": 0.85}, {"from": "knee_joint_pain", "to": "knee_joints_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "aching_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "knee_joint_pains", "value": 0.7}, {"from": "knee_joint_pain", "to": "hip_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "knee_ligament_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "shoulder_muscle_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "wrist_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "knee__pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "knee_joint_ache", "value": 0.7}, {"from": "knee_joint_pain", "to": "joint_muscle_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "arthritic_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "fingers_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "ankle_joint__pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "hip_joint_aches", "value": 0.7}, {"from": "knee_joint_pain", "to": "elbow_joint_pains", "value": 0.7}, {"from": "knee_joint_pain", "to": "knees_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "knee_joint_stiffness", "value": 0.7}, {"from": "knee_joint_pain", "to": "arm_muscle_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "shoulder_arm_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "thumb_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "joint_finger_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "shoulder_joints_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "shoulder_bone_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "hip_knee_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "hip_joint_discomfort", "value": 0.7}, {"from": "knee_joint_pain", "to": "knee\njoint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "jaw_hindge_joint_pain", "value": 0.7}, {"from": "knee_joint_pain", "to": "hip_joints_pain", "value": 0.7}, {"from": "knee_pain", "to": "knee_pains", "value": 0.85}, {"from": "knee_pains", "to": "joint_pains", "value": 0.7}, {"from": "knee_pains", "to": "leg_cramps", "value": 0.7}, {"from": "knee_pains", "to": "knee_aches", "value": 0.7}, {"from": "knee_pains", "to": "knees_pain", "value": 0.7}, {"from": "knee_pains", "to": "shoulder_pains", "value": 0.7}, {"from": "knee_pains", "to": "hip_aches", "value": 0.7}, {"from": "knee_pains", "to": "chest_pains", "value": 0.7}, {"from": "knee_pains", "to": "leg_spasms", "value": 0.7}, {"from": "knee_pains", "to": "leg_pains", "value": 0.7}, {"from": "knee_pains", "to": "hip_pains", "value": 0.7}, {"from": "knee_pains", "to": "knee_discomfort", "value": 0.7}, {"from": "knee_pains", "to": "knee_cramps", "value": 0.7}, {"from": "knee_pains", "to": "elbow_aches", "value": 0.7}, {"from": "knee_pains", "to": "shoulder_soreness", "value": 0.7}, {"from": "knee_pains", "to": "ankle_pains", "value": 0.7}, {"from": "knee_pains", "to": "feet_pains", "value": 0.7}, {"from": "knee_pains", "to": "legs_pains", "value": 0.7}, {"from": "knee_pains", "to": "leg_aches", "value": 0.7}, {"from": "knee_pains", "to": "neck_spasms", "value": 0.7}, {"from": "knee_pains", "to": "knee_swelling", "value": 0.7}, {"from": "knee_pains", "to": "leg_numbness", "value": 0.7}, {"from": "knee_pains", "to": "joint_cramps", "value": 0.7}, {"from": "knee_pains", "to": "neck_pains", "value": 0.7}, {"from": "knee_pains", "to": "tendon_pains", "value": 0.7}, {"from": "knee_pains", "to": "knees_pains", "value": 0.7}, {"from": "knee_pains", "to": "shoulder_tendonitis", "value": 0.7}, {"from": "knee_pains", "to": "knees_joint_pains", "value": 0.7}, {"from": "knee_pains", "to": "head_pains", "value": 0.7}, {"from": "knee_pains", "to": "shoulder_aches", "value": 0.7}, {"from": "knee_pains", "to": "shoulder_discomfort", "value": 0.7}, {"from": "knee_pain", "to": "spine_pain", "value": 0.85}, {"from": "spine_pain", "to": "joints_pain", "value": 0.7}, {"from": "spine_pain", "to": "ligaments_pain", "value": 0.7}, {"from": "spine_pain", "to": "bone_pain", "value": 0.7}, {"from": "spine_pain", "to": "nerve_pain", "value": 0.7}, {"from": "spine_pain", "to": "limb_pain", "value": 0.7}, {"from": "spine_pain", "to": "hips_pain", "value": 0.7}, {"from": "spine_pain", "to": "vertebral_pain", "value": 0.7}, {"from": "spine_pain", "to": "pelvic_pain", "value": 0.7}, {"from": "spine_pain", "to": "spinal_pain", "value": 0.7}, {"from": "spine_pain", "to": "bony_pain", "value": 0.7}, {"from": "spine_pain", "to": "ear_pain", "value": 0.7}, {"from": "spine_pain", "to": "ligament_pain", "value": 0.7}, {"from": "spine_pain", "to": "abdomen_pain", "value": 0.7}, {"from": "spine_pain", "to": "kneecap_pain", "value": 0.7}, {"from": "spine_pain", "to": "groin_pain", "value": 0.7}, {"from": "spine_pain", "to": "extremity_pain", "value": 0.7}, {"from": "spine_pain", "to": "tendon_pain", "value": 0.7}, {"from": "spine_pain", "to": "testicle_pain", "value": 0.7}, {"from": "spine_pain", "to": "tailbone_pain", "value": 0.7}, {"from": "spine_pain", "to": "lumbar_pain", "value": 0.7}, {"from": "joint_pain", "to": "joint_swelling", "value": 1.0}, {"from": "joint_swelling", "to": "joint_stiffness", "value": 0.85}, {"from": "joint_stiffness", "to": "joint_soreness", "value": 0.7}, {"from": "joint_stiffness", "to": "joint_discomfort", "value": 0.7}, {"from": "joint_stiffness", "to": "knee_stiffness", "value": 0.7}, {"from": "joint_stiffness", "to": "joint_spasms", "value": 0.7}, {"from": "joint_stiffness", "to": "joint_weakness", "value": 0.7}, {"from": "joint_stiffness", "to": "joint_tightness", "value": 0.7}, {"from": "joint_stiffness", "to": "joint_tenderness", "value": 0.7}]);
 
         // adding nodes and edges to the graph
         data = {nodes: nodes, edges: edges};
@@ -79,13 +157,13 @@
             "avoidOverlap": 0,
             "centralGravity": 0.3,
             "damping": 0.09,
-            "gravitationalConstant": -2500,
+            "gravitationalConstant": -2738,
             "springConstant": 0.001,
             "springLength": 250
         },
         "enabled": true,
         "stabilization": {
-            "enabled": false,
+            "enabled": true,
             "fit": true,
             "iterations": 1000,
             "onlyDynamicEdges": false,
@@ -104,6 +182,24 @@
 
 
         
+        network.on("stabilizationProgress", function(params) {
+      		document.getElementById('loadingBar').removeAttribute("style");
+	        var maxWidth = 496;
+	        var minWidth = 20;
+	        var widthFactor = params.iterations/params.total;
+	        var width = Math.max(minWidth,maxWidth * widthFactor);
+
+	        document.getElementById('bar').style.width = width + 'px';
+	        document.getElementById('text').innerHTML = Math.round(widthFactor*100) + '%';
+	    });
+	    network.once("stabilizationIterationsDone", function() {
+	        document.getElementById('text').innerHTML = '100%';
+	        document.getElementById('bar').style.width = '496px';
+	        document.getElementById('loadingBar').style.opacity = 0;
+	        // really clean the dom element
+	        setTimeout(function () {document.getElementById('loadingBar').style.display = 'none';}, 500);
+	    });
+        
 
         return network;