diff --git a/assets/cn.js b/assets/cn.js
index 1eb8d52c97841f87e629bf859acc5460c717fbb2..f85532dad853984d307dce1c7455a32c53c8726c 100644
--- a/assets/cn.js
+++ b/assets/cn.js
@@ -54,7 +54,7 @@ var svg_legend = d3.select("svg.legendsvg"),
 legend_position = [65,95,125],
 arrow_legend_position = [0,25],
 arrow_group_names = ["Citation","Self-Citation"],
-group_names = ["Cited By","Input","Reference"],
+group_names = ["Cited-by","Input","Reference"],
 line_type = d3.scaleOrdinal()
     .domain(["line","dotted"])
     .range([("8,0"),("8,8")]),
diff --git a/assets/cn2.js b/assets/cn2.js
index 992356fab8ca0bbdd1b6dce5dafc9f330a9a9e30..9957ad26a5a10ff49a6581bcaa0558cda0791e1b 100644
--- a/assets/cn2.js
+++ b/assets/cn2.js
@@ -54,7 +54,7 @@ var svg_legend = d3.select("svg.legendsvg"),
 legend_position = [65,95,125],
 arrow_legend_position = [0,25],
 arrow_group_names = ["Citation","Self-Citation"],
-group_names = ["Cited By","Input","Reference"],
+group_names = ["Cited-by","Input","Reference"],
 line_type = d3.scaleOrdinal()
     .domain(["line","dotted"])
     .range([("8,0"),("8,8")]),
diff --git a/assets/index.html b/assets/index.html
index ed4ed325f82866bf27acf534d513e43d45d32114..45ddf6e59e16fa9674a72560e1cce0597f605770 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -11,7 +11,7 @@
             display: flex;
             justify-content: center;
             position: absolute;
-            left: 75px;
+            left: 140px;
             top: 580px;
             transition-duration: 0.4s;
             border-radius: 3px;
@@ -40,7 +40,7 @@
             width: 146px;
             position: absolute;
             top: 181px; 
-            left: 624px;
+            left: 754px;
             border-radius: 0;
             border: 1px solid #909090;
         }
@@ -50,7 +50,7 @@
             position: absolute;
             display: inline-block;
             top: 181px; 
-            left: 478px;
+            left: 608px;
             border-radius: 0;
             border: 1px solid #909090;
         }
@@ -61,7 +61,7 @@
             padding: 10px;
             position: absolute; 
             top: 10px; 
-            left: 478px;
+            left: 608px;
             display: inline-block;
             margin: 0;
         }
@@ -74,7 +74,7 @@
             border: 1px solid #999;
             position: absolute; 
             top: 200px; 
-            left: 478px;
+            left: 608px;
             display: inline-block;
             overflow-y: scroll;
             margin: 0;
@@ -91,7 +91,7 @@
     <button id="change_graph" class="display" onclick="display()">Display Timeline</button>
 
     <!-- graph 576-->
-    <svg class="graph" width="470" height="560"></svg>
+    <svg class="graph" width="600" height="560"></svg>
     <p id="oldjson"></p>
 
     <!-- legend -->
diff --git a/assets/json_text.json b/assets/json_text.json
index b8177a35f64f22f16224949cf9e8c88ae7fdbe6b..c023ef5d5336e592b992489e70d4f7fdb79ef761 100644
--- a/assets/json_text.json
+++ b/assets/json_text.json
@@ -1 +1,114 @@
-{"nodes": [], "links": []}
\ No newline at end of file
+{
+    "nodes": [
+        {
+            "doi": "https://doi.org/10.1021/acs.jcim.5b00332",
+            "name": "Feasibility of Active Machine Learning for Multiclass Compound Classification",
+            "author": [
+                "Tobias Löang",
+                "Florian Flachsenberg",
+                "Ulrike von Luxburg",
+                "Matthias Rarey"
+            ],
+            "year": "January 7, 2016",
+            "journal": "Journal of Chemical Information and Modeling",
+            "group": "Input",
+            "depth": 0,
+            "citations": 5
+        },
+        {
+            "doi": "https://doi.org/10.1021/acs.jcim.7b00729",
+            "name": "Modeling Kinase Inhibition Using Highly Confident Data Sets",
+            "author": [
+                "Sorin Avram",
+                "Alina Bora",
+                "Liliana Halip",
+                "Ramona Curp\u0103n"
+            ],
+            "year": "April 30, 2018",
+            "journal": "Journal of Chemical Information and Modeling",
+            "group": "Citedby",
+            "depth": 1,
+            "citations": 0
+        },
+        {
+            "doi": "https://doi.org/10.1021/acs.jcim.7b00729",
+            "name": "Modeling Kinase Inhibition Using Highly Confident Data Sets",
+            "author": [
+                "Sorin Avram",
+                "Alina Bora",
+                "Liliana Halip",
+                "Ramona Curp\u0103n"
+            ],
+            "year": "April 30, 2018",
+            "journal": "Journal of Chemical Information and Modeling",
+            "group": "Citedby",
+            "depth": 1,
+            "citations": 0
+        },
+        {
+            "doi": "https://doi.org/10.1021/acs.jcim.5b00646",
+            "name": "Predictive Models for Fast and Effective Profiling of Kinase Inhibitors",
+            "author": [
+                "Alina Bora",
+                "Sorin Avram",
+                "Ionel Ciucanu",
+                "Marius Raica",
+                "Stefana Avram"
+            ],
+            "year": "April 11, 2016",
+            "journal": "Journal of Chemical Information and Modeling",
+            "group": "Citedby",
+            "depth": 1,
+            "citations": 2
+        },
+        {
+            "doi": "https://doi.org/10.1021/acs.jcim.6b00709",
+            "name": "Matched Molecular Series: Measuring SAR Similarity",
+            "author": [
+                "Emanuel S. R. Ehmki",
+                "Christian Kramer"
+            ],
+            "year": "May 1, 2017",
+            "journal": "Journal of Chemical Information and Modeling",
+            "group": "Input",
+            "depth": 0,
+            "citations": 5
+        },
+        {
+            "doi": "https://doi.org/10.1021/acs.jcim.0c00269",
+            "name": "Matched Molecular Series Analysis for ADME Property Prediction",
+            "author": [
+                "Mahendra Awale",
+                "Sereina Riniker",
+                "Christian Kramer"
+            ],
+            "year": "May 5, 2020",
+            "journal": "Journal of Chemical Information and Modeling",
+            "group": "Citedby",
+            "depth": 1,
+            "citations": 6
+        }
+    ],
+    "links": [
+        {
+            "source": "https://doi.org/10.1021/acs.jcim.7b00729",
+            "target": "https://doi.org/10.1021/acs.jcim.5b00332"
+        },
+        {
+            "source": "https://doi.org/10.1021/acs.jcim.7b00729",
+            "target": "https://doi.org/10.1021/acs.jcim.5b00332"
+        },
+        {
+            "source": "https://doi.org/10.1021/acs.jcim.5b00646",
+            "target": "https://doi.org/10.1021/acs.jcim.5b00332"
+        },
+        {
+            "source": "https://doi.org/10.1021/acs.jcim.7b00729",
+            "target": "https://doi.org/10.1021/acs.jcim.5b00646"
+        },
+        {
+            "source": "https://doi.org/10.1021/acs.jcim.0c00269",
+            "target": "https://doi.org/10.1021/acs.jcim.6b00709"
+        }
+    ]
+}
diff --git a/citation_parser_main.py b/citation_parser_main.py
index 997a8c14e1072406b1efa69a6423addb58d36b08..48e37d3fd4267b5a4a363b7eb246d551aef84d7c 100644
--- a/citation_parser_main.py
+++ b/citation_parser_main.py
@@ -49,7 +49,7 @@ html.Div(children=[
         # A simple box for inputting a string.
         # Value is transmitted upon pressing return or clicking out of the box.
         dcc.Input(id='string-input', value='', type='text',debounce=True,
-        style={ "width": "362px", 'margin-top': "10px"},
+        style={ "width": "322px", 'margin-top': "10px"},
         ),
         
     ]),size="lg", color="primary", type="border", fullscreen=True,),
@@ -72,14 +72,14 @@ html.Div(children=[
             #Drag and drop or click to select a file to upload
                 ["Drag and drop"]),
             style={
-                "width": "400px",
+                "width": "360px",
                 "height": "60px",
                 "lineHeight": "60px",
                 "borderWidth": "1px",
                 "borderStyle": "dashed",
                 "borderRadius": "5px",
                 "textAlign": "center",
-                "margin": "10px",
+                "margin": "10px"
             }),size="lg", color="primary", type="border", fullscreen=True,),
     ]),
    
@@ -112,7 +112,7 @@ html.Div(children=[
  html.Div(children=[
     # Layer 5: For the Graph and corresponding error messages
             dbc.Spinner(html.Div([
-        html.Div(id='generate-graph-error',style={'color':'red'}),
+        html.Div(id='generate-graph-error',style={'color':'red', 'position': "absolute", 'margin-top': "650px"}),
         html.Iframe(
             src="assets/index.html",
             style={"height": "650px", "width": "980px"},