diff --git a/Output/cn_26_11_1.js b/Output/Graph/cn.js similarity index 100% rename from Output/cn_26_11_1.js rename to Output/Graph/cn.js diff --git a/Output/index.html b/Output/Graph/index.html similarity index 97% rename from Output/index.html rename to Output/Graph/index.html index 7b1f7ad5989b799be28ed4552b7e77450d21ebf1..dea8b6e05f8c926d36b091606019768820bb2f80 100644 --- a/Output/index.html +++ b/Output/Graph/index.html @@ -85,7 +85,7 @@ <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.13.0/d3-legend.js"></script> <script src="https://cdn.rawgit.com/eligrey/canvas-toBlob.js/f1a01896135ab378aa5c0118eadd81da55e698d8/canvas-toBlob.js"></script> <script src="https://cdn.rawgit.com/eligrey/FileSaver.js/e9d941381475b5df8b7d7691013401e171014e89/FileSaver.min.js"></script> - <script type="text/javascript" src="cn_26_11_1.js"></script> + <script type="text/javascript" src="cn.js"></script> </body> </html> \ No newline at end of file diff --git a/Output/json_text.json b/Output/Graph/json_text.json similarity index 100% rename from Output/json_text.json rename to Output/Graph/json_text.json diff --git a/Output/cn.js b/Output/Graph_mit_Zeitstrahl/cn_Zeitstrahl.js similarity index 98% rename from Output/cn.js rename to Output/Graph_mit_Zeitstrahl/cn_Zeitstrahl.js index b9a5da2166ce8d782276b1489e5a4def88e5c5f0..f78f6537bd6875a4ca19061dffe36636808b6cca 100644 --- a/Output/cn.js +++ b/Output/Graph_mit_Zeitstrahl/cn_Zeitstrahl.js @@ -51,7 +51,7 @@ var simulation = d3.forceSimulation() .force("collide", d3.forceCollide(60)) .force("charge", d3.forceManyBody().strength(-50)) .force("center", d3.forceCenter(width/2, height/2+50)) - //.force("xscale", d3.forceX().strength(1).x(function(d) {return xscale(parseFloat(d.year))})) + .force("xscale", d3.forceX().strength(1).x(function(d) {return xscale(parseFloat(d.year))})) .force("yscale", d3.forceY().strength(1).y(function(d) {return yscale(d.group)})); /** @@ -61,7 +61,7 @@ var g = svg.append("g") .attr("class", "everything") /** -* creates XAxis element +* creates xAxis element */ var xAxis = d3.axisBottom() .tickFormat(function(d) {return d;}) @@ -311,7 +311,7 @@ function dragged(node) { function dragended(node) { if (!d3.event.active) simulation.alphaTarget(.03); node.fx = null; - node.fy = null; + //node.fy = null; } /** diff --git a/Output/Graph_mit_Zeitstrahl/index.html b/Output/Graph_mit_Zeitstrahl/index.html new file mode 100644 index 0000000000000000000000000000000000000000..9cdd0bdaa4a6051f52eb34aa894e3521fce236a9 --- /dev/null +++ b/Output/Graph_mit_Zeitstrahl/index.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + + <style type="text/css"> + /* + button { + width: 150px; + font-size: 15px; + padding: 7px; + border-radius: 3px; + border: 3px solid #999; + color: black; + cursor: pointer; + position : absolute; + top: 500px; + right: 550px; + } */ + + /* textbox */ + div { + width:270px; + min-height:200px; + max-height:370px; + padding: 10px; + border: 1px solid #999; + position: absolute; + top: 20px; + left: 980px; + display: inline-block; + overflow-y: scroll; + margin: 0; + } + </style> +</head> + +<body> + <!-- for testing --> + <p id="id"></p> <!--for commenting with document.getElementById("id").innerHTML = "text"; --> + + <!-- graph --> + <svg width="960" height="600"></svg> + + <!-- textbox --> + <div id = "textbox" style="border:1px solid">Click node</div> + + <!-- reset-buttons --> + <button onclick="javascript:location.reload();">Reload</button> + <button onclick="resetGraph()">Reset graph</button> + <button onclick="resetZoom()">Reset zoom</button> + <button onclick="center()">Center</button> + + <!-- link D3 (version 5) --> + <script src="https://d3js.org/d3.v5.min.js"></script> + <script type="text/javascript" src="cn_Zeitstrahl.js"></script> + +</body> +</html> \ No newline at end of file diff --git a/Output/Graph_mit_Zeitstrahl/json_text.json b/Output/Graph_mit_Zeitstrahl/json_text.json new file mode 100644 index 0000000000000000000000000000000000000000..1a080a0c11d3c2234fb21e462e6ca02c03548bc8 --- /dev/null +++ b/Output/Graph_mit_Zeitstrahl/json_text.json @@ -0,0 +1,134 @@ +{ + "nodes": [ + { + "name": "Comparing Molecular Patterns Using the Example of SMARTS: Applications and Filter Collection Analysis", + "author":"Emanuel S. R. Ehmki,Robert Schmidt, Farina Ohm, Matthias Rarey", + "year":"2001", + "doi": "https://doi.org/10.1021/acs.jcim.9b00249", + "group": "input", + "citations": 0 + }, + { + "name": "Combining Machine Learning and Computational Chemistry for Predictive Insights Into Chemical Systems ", + "author": "John A. Keith, Valentin Vassilev-Galindo, Bingqing Cheng, Stefan Chmiela, Michael Gastegger, Klaus-Robert M\u00fcller, Alexandre Tkatchenko. ", + "year":"1967", + "doi": "https://doi.org/10.1021/acs.chemrev.1c00107", + "group": "citing", + "citations": 140 + }, + { + "name": "Disconnected Maximum Common Substructures under Constraints ", + "author": "Robert Schmidt, Florian Krull, Anna Lina Heinzke, Matthias Rarey. ", + "year":"1991", + "doi": "https://doi.org/10.1021/acs.jcim.0c00741", + "group": "citing", + "citations": 300 + }, + { + "name": "Evolution of Novartis\u2019 Small Molecule Screening Deck Design ", + "author": "Ansgar Schuffenhauer, Nadine Schneider, Samuel Hintermann, Douglas Auld, Jutta Blank, Simona Cotesta, Caroline Engeloch, Nikolas Fechner, Christoph Gaul, Jerome Giovannoni, Johanna Jansen, John Joslin, Philipp Krastel, Eugen Lounkine, John Manchester, Lauren G. Monovich, Anna Paola Pelliccioli, Manuel Schwarze, Michael D. Shultz, Nikolaus Stiefl, Daniel K. Baeschlin. ", + "year":"1990", + "doi": "https://doi.org/10.1021/acs.jmedchem.0c01332", + "group": "input", + "citations": 250 + }, + { + "name": "Comparing Molecular Patterns Using the Example of SMARTS: Theory and Algorithms ", + "author": "Robert Schmidt, Emanuel S. R. Ehmki, Farina Ohm, Hans-Christian Ehrlich, Andriy Mashychev, Matthias Rarey. ", + "year":"2021", + "doi": "https://doi.org/10.1021/acs.jcim.9b00250", + "group": "cited", + "citations": 130 + }, + { + "name": "Machine learning accelerates quantum mechanics predictions of molecular crystals ", + "author": "Yanqiang Han, Imran Ali, Zhilong Wang, Junfei Cai, Sicheng Wu, Jiequn Tang, Lin Zhang, Jiahao Ren, Rui Xiao, Qianqian Lu, Lei Hang, Hongyuan Luo, Jinjin Li. ", + "year":"2011", + "doi": "https://doi.org/10.1016/j.physrep.2021.08.002", + "group": "cited", + "citations": 170 + }, + { + "name": "The Growing Importance of Chirality in 3D Chemical Space Exploration and Modern Drug Discovery Approaches for Hit-ID ", + "author": "Ilaria Proietti Silvestri, Paul J. J. Colbon. ", + "year":"2001", + "doi": "https://doi.org/10.1021/acsmedchemlett.1c00251", + "group": "cited", + "citations": 210 + }, + { + "name": "Target-Based Evaluation of \u201cDrug-Like\u201d Properties and Ligand Efficiencies ", + "author": "Paul D. Leeson, A. Patricia Bento, Anna Gaulton, Anne Hersey, Emma J. Manners, Chris J. Radoux, Andrew R. Leach. ", + "year":"2003", + "doi": "https://doi.org/10.1021/acs.jmedchem.1c00416", + "group": "cited", + "citations": 10 + }, + { + "name": "BonMOLi\u00e8re: Small-Sized Libraries of Readily Purchasable Compounds, Optimized to Produce Genuine Hits in Biological Screens across the Protein Space ", + "author": "Neann Mathai, Conrad Stork, Johannes Kirchmair. ", + "year":"2003", + "doi": "https://doi.org/10.3390/ijms22157773", + "group": "cited", + "citations": 80 + }, + { + "name": "Accelerating high-throughput virtual screening through molecular pool-based active learning ", + "author": "David E. Graff, Eugene I. Shakhnovich, Connor W. Coley. ", + "year":"2013", + "doi": "https://doi.org/10.1039/D0SC06805E", + "group": "cited", + "citations": 60 + }, + { + "name": "Compound Screening ", + "author": "Shin Numao.", + "year":"2009", + "doi": "https://doi.org/10.1016/B978-0-12-820472-6.00078-5", + "group": "citing", + "citations": 280 + } + ], + "links": [ + { + "source": "https://doi.org/10.1021/acs.jcim.9b00249", + "target": "https://doi.org/10.1021/acs.chemrev.1c00107" + }, + { + "source": "https://doi.org/10.1021/acs.jcim.9b00249", + "target": "https://doi.org/10.1021/acs.jcim.0c00741" + }, + { + "source": "https://doi.org/10.1021/acs.jcim.9b00249", + "target": "https://doi.org/10.1021/acs.jmedchem.0c01332" + }, + { + "source": "https://doi.org/10.1021/acs.jcim.9b00249", + "target": "https://doi.org/10.1021/acs.jcim.9b00250" + }, + { + "source": "https://doi.org/10.1021/acs.jcim.9b00249", + "target": "https://doi.org/10.1016/j.physrep.2021.08.002" + }, + { + "source": "https://doi.org/10.1021/acs.jmedchem.0c01332", + "target": "https://doi.org/10.1021/acsmedchemlett.1c00251" + }, + { + "source": "https://doi.org/10.1021/acs.jmedchem.0c01332", + "target": "https://doi.org/10.1021/acs.jmedchem.1c00416" + }, + { + "source": "https://doi.org/10.1021/acs.jmedchem.0c01332", + "target": "https://doi.org/10.3390/ijms22157773" + }, + { + "source": "https://doi.org/10.1021/acs.jmedchem.0c01332", + "target": "https://doi.org/10.1039/D0SC06805E" + }, + { + "source": "https://doi.org/10.1021/acs.jmedchem.0c01332", + "target": "https://doi.org/10.1016/B978-0-12-820472-6.00078-5" + } + ] +} \ No newline at end of file diff --git a/Output/ToDo.txt b/Output/ToDo.txt index 414a1e1f1a8fa8ea5e25fb30ff0287e3cdd769fc..e4905e4cc5cdd8dda879fb07f70c4c78f88bc86e 100644 --- a/Output/ToDo.txt +++ b/Output/ToDo.txt @@ -1,25 +1,23 @@ Erledigt: - Graphstruktur mit Knoten und Kanten (+ Schnittstelle mit Verarbeitung (Json)) - 3 senkrechte Schichten für Input, Citing und Cited (+ Farben) -- Scroll- und Schiebefunktionen des gesamten Graphen +- Legende +- Knotengröße nach Zitierungsanzahl +- Markierung der Selbstzitierung - Zoom- und Schiebefunktionen des gesamten Graphen - Schiebefunktionen der einzelnen Knoten -- Hover-Text mit den zugehörigen Informationen von den Knoten -- Informationsfenster auf Klick geöffnet -- Hervorhebung von Knoten und deren verbundenen Kanten auf Klick -- Knopf zum Neuladen des Programms +- Hervorhebung von Knoten und deren verbundenen Kanten auf Klick (Knoten oder Beschriftung) +- Informationsfenster für Knoten auf Klick (Knoten oder Beschriftung) +-> Zurücksetzen auf Klick (Hintergrund) - Knopf zum Zurücksetzen der verschobenen Knoten -- Knopf zum Zurücksetzen des verschobenen Graphen +- Knopf zum Zurücksetzen des verschobenen Graphen (Zentrieren) - Knopf zum Zurücksetzen der Zoom-Funktion +- Zeitstrahl auf x-Achse Noch offen: -- Strukturierung und Kommentierung des Codes verbessern -- Informationsfenster an sehr lange Titel anpassen -- Überlagerung von Graph und Informationsfenster verhindern -- Zurücksetzen der Markierungsfunktion - Skalierung an unterschiedliche Geräte anpassen - Schnittstelle zu Benutzeroberfläche (!) -- Informationen zu Funktionen anzeigen (?) -- Speicherfunktion (?) -- Suchfunktion -- X-Achse mit Jahreszahlen + - Suchfunktion + - Informationen zu Funktionen anzeigen + - Zeitstrahl auf x-Achse (optional) +- Speicherfunktion