Skip to content

Commit 0555e67

Browse files
ParticularlyPythonicBSParticularlyPythonicBS
committed
clean up
1 parent e68ee68 commit 0555e67

11 files changed

Lines changed: 116 additions & 103 deletions

File tree

‎docs/assets/generated_graphs/advanced_showcase_example.html‎

Lines changed: 20 additions & 20 deletions
Large diffs are not rendered by default.

‎docs/assets/generated_graphs/course_prerequisites_example.html‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
transform: rotate(-90deg); /* Right arrow for collapsed state */
6262
}
6363

64-
#config-container-content-434a01b8 {
64+
#config-container-content-d21b99d3 {
6565
max-height: 40vh; /* Default expanded max height */
6666
overflow-y: auto;
6767
padding: 15px;
@@ -70,15 +70,15 @@
7070
transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
7171
}
7272

73-
.collapsed #config-container-content-434a01b8 {
73+
.collapsed #config-container-content-d21b99d3 {
7474
max-height: 0;
7575
padding-top: 0;
7676
padding-bottom: 0;
7777
overflow: hidden;
7878
border-bottom: none; /* Hide border when collapsed */
7979
}
8080

81-
#mynetwork-434a01b8 {
81+
#mynetwork-d21b99d3 {
8282
width: 100%;
8383
flex-grow: 1; /* Graph takes remaining vertical space */
8484
min-height: 0; /* Important for flex children to shrink */
@@ -141,27 +141,27 @@
141141
</style>
142142
</head>
143143
<body>
144-
<div class="config-panel-wrapper" id="config-panel-wrapper-434a01b8">
145-
<div class="config-panel-header" id="config-panel-header-434a01b8" role="button" tabindex="0" aria-expanded="true" aria-controls="config-container-content-434a01b8">
144+
<div class="config-panel-wrapper" id="config-panel-wrapper-d21b99d3">
145+
<div class="config-panel-header" id="config-panel-header-d21b99d3" role="button" tabindex="0" aria-expanded="true" aria-controls="config-container-content-d21b99d3">
146146
<h3>Configuration</h3>
147-
<button class="config-toggle-btn" id="config-toggle-btn-434a01b8" aria-label="Toggle configuration panel"></button>
147+
<button class="config-toggle-btn" id="config-toggle-btn-d21b99d3" aria-label="Toggle configuration panel"></button>
148148
</div>
149-
<div id="config-container-content-434a01b8">
149+
<div id="config-container-content-d21b99d3">
150150
<!-- Vis.js configuration UI will be injected here -->
151151
</div>
152152
</div>
153153

154154
<div class="filter-panel">
155-
<label for="search-input-434a01b8">Filter nodes (regex):</label>
156-
<input type="text" id="search-input-434a01b8" placeholder="e.g., ^IMP_ or ELEC$">
157-
<button id="clear-btn-434a01b8">Clear</button>
155+
<label for="search-input-d21b99d3">Filter nodes (regex):</label>
156+
<input type="text" id="search-input-d21b99d3" placeholder="e.g., ^IMP_ or ELEC$">
157+
<button id="clear-btn-d21b99d3">Clear</button>
158158
</div>
159159

160160
<div class="info-panel">
161161
<strong>Tip:</strong> Click a node to isolate it and its neighbors. Click the background to reset the view.
162162
</div>
163163

164-
<div id="mynetwork-434a01b8"></div>
164+
<div id="mynetwork-d21b99d3"></div>
165165

166166
<script type="text/javascript">
167167
(function() {
@@ -171,12 +171,12 @@ <h3>Configuration</h3>
171171
var optionsObject = {"autoResize": true, "nodes": {"shape": "box", "size": 16, "font": {"size": 12, "color": "#333", "face": "Arial"}, "borderWidth": 2, "margin": 10}, "edges": {"width": 2, "smooth": {"type": "cubicBezier", "roundness": 0.4, "enabled": true, "forceDirection": "vertical"}, "arrows": {"to": {"enabled": true, "scaleFactor": 0.8, "type": "arrow"}}}, "physics": {"enabled": false, "barnesHut": {"gravitationalConstant": -8000, "springConstant": 0.04, "springLength": 150, "damping": 0.09, "avoidOverlap": 0.1}, "solver": "barnesHut", "stabilization": {"iterations": 1000, "fit": true}}, "interaction": {"hover": true, "dragNodes": false, "dragView": true, "zoomView": true, "tooltipDelay": 200, "navigationButtons": false, "keyboard": {"enabled": true, "bindToWindow": false}}, "layout": {"randomSeed": null, "improvedLayout": true, "hierarchical": {"enabled": true, "direction": "UD", "sortMethod": "directed", "levelSeparation": 150, "nodeSpacing": 120}}};
172172

173173
// Get DOM elements
174-
var configWrapper = document.getElementById('config-panel-wrapper-434a01b8');
175-
var configHeader = document.getElementById('config-panel-header-434a01b8');
176-
var configContent = document.getElementById('config-container-content-434a01b8');
177-
var toggleButton = document.getElementById('config-toggle-btn-434a01b8');
178-
var searchInput = document.getElementById('search-input-434a01b8');
179-
var clearButton = document.getElementById('clear-btn-434a01b8');
174+
var configWrapper = document.getElementById('config-panel-wrapper-d21b99d3');
175+
var configHeader = document.getElementById('config-panel-header-d21b99d3');
176+
var configContent = document.getElementById('config-container-content-d21b99d3');
177+
var toggleButton = document.getElementById('config-toggle-btn-d21b99d3');
178+
var searchInput = document.getElementById('search-input-d21b99d3');
179+
var clearButton = document.getElementById('clear-btn-d21b99d3');
180180

181181
// Handle config panel toggle
182182
if (optionsObject.configure && optionsObject.configure.enabled) {
@@ -205,7 +205,7 @@ <h3>Configuration</h3>
205205
// These DataSets are the "active" data being displayed
206206
var nodes = new vis.DataSet(allNodesArray);
207207
var edges = new vis.DataSet(allEdgesArray);
208-
var graphContainer = document.getElementById('mynetwork-434a01b8');
208+
var graphContainer = document.getElementById('mynetwork-d21b99d3');
209209
var data = { nodes: nodes, edges: edges };
210210
var network = new vis.Network(graphContainer, data, optionsObject);
211211

‎docs/assets/generated_graphs/cycle_graph_example.html‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
transform: rotate(-90deg); /* Right arrow for collapsed state */
6262
}
6363

64-
#config-container-content-91afbe64 {
64+
#config-container-content-ee568209 {
6565
max-height: 40vh; /* Default expanded max height */
6666
overflow-y: auto;
6767
padding: 15px;
@@ -70,15 +70,15 @@
7070
transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
7171
}
7272

73-
.collapsed #config-container-content-91afbe64 {
73+
.collapsed #config-container-content-ee568209 {
7474
max-height: 0;
7575
padding-top: 0;
7676
padding-bottom: 0;
7777
overflow: hidden;
7878
border-bottom: none; /* Hide border when collapsed */
7979
}
8080

81-
#mynetwork-91afbe64 {
81+
#mynetwork-ee568209 {
8282
width: 100%;
8383
flex-grow: 1; /* Graph takes remaining vertical space */
8484
min-height: 0; /* Important for flex children to shrink */
@@ -141,27 +141,27 @@
141141
</style>
142142
</head>
143143
<body>
144-
<div class="config-panel-wrapper" id="config-panel-wrapper-91afbe64">
145-
<div class="config-panel-header" id="config-panel-header-91afbe64" role="button" tabindex="0" aria-expanded="true" aria-controls="config-container-content-91afbe64">
144+
<div class="config-panel-wrapper" id="config-panel-wrapper-ee568209">
145+
<div class="config-panel-header" id="config-panel-header-ee568209" role="button" tabindex="0" aria-expanded="true" aria-controls="config-container-content-ee568209">
146146
<h3>Configuration</h3>
147-
<button class="config-toggle-btn" id="config-toggle-btn-91afbe64" aria-label="Toggle configuration panel"></button>
147+
<button class="config-toggle-btn" id="config-toggle-btn-ee568209" aria-label="Toggle configuration panel"></button>
148148
</div>
149-
<div id="config-container-content-91afbe64">
149+
<div id="config-container-content-ee568209">
150150
<!-- Vis.js configuration UI will be injected here -->
151151
</div>
152152
</div>
153153

154154
<div class="filter-panel">
155-
<label for="search-input-91afbe64">Filter nodes (regex):</label>
156-
<input type="text" id="search-input-91afbe64" placeholder="e.g., ^IMP_ or ELEC$">
157-
<button id="clear-btn-91afbe64">Clear</button>
155+
<label for="search-input-ee568209">Filter nodes (regex):</label>
156+
<input type="text" id="search-input-ee568209" placeholder="e.g., ^IMP_ or ELEC$">
157+
<button id="clear-btn-ee568209">Clear</button>
158158
</div>
159159

160160
<div class="info-panel">
161161
<strong>Tip:</strong> Click a node to isolate it and its neighbors. Click the background to reset the view.
162162
</div>
163163

164-
<div id="mynetwork-91afbe64"></div>
164+
<div id="mynetwork-ee568209"></div>
165165

166166
<script type="text/javascript">
167167
(function() {
@@ -171,12 +171,12 @@ <h3>Configuration</h3>
171171
var optionsObject = {"autoResize": true, "nodes": {"shape": "dot", "size": 16, "font": {"size": 14, "color": "#333"}, "borderWidth": 2}, "edges": {"width": 2, "smooth": {"type": "dynamic", "roundness": 0.5, "enabled": true}, "arrows": {"to": {"enabled": false, "scaleFactor": 1}}}, "physics": {"enabled": true, "barnesHut": {"gravitationalConstant": -8000, "springConstant": 0.04, "springLength": 150, "damping": 0.09, "avoidOverlap": 0.1}, "solver": "barnesHut", "stabilization": {"iterations": 1000, "fit": true}}, "interaction": {"hover": true, "dragNodes": true, "dragView": true, "zoomView": true, "tooltipDelay": 200, "navigationButtons": true, "keyboard": {"enabled": true, "bindToWindow": false}}, "layout": {"randomSeed": 12345, "improvedLayout": true}, "groups": {"0": {"shape": "dot", "color": {"background": "lightcoral", "border": "red"}}, "1": {"shape": "square", "color": {"background": "lightgreen", "border": "green"}}}};
172172

173173
// Get DOM elements
174-
var configWrapper = document.getElementById('config-panel-wrapper-91afbe64');
175-
var configHeader = document.getElementById('config-panel-header-91afbe64');
176-
var configContent = document.getElementById('config-container-content-91afbe64');
177-
var toggleButton = document.getElementById('config-toggle-btn-91afbe64');
178-
var searchInput = document.getElementById('search-input-91afbe64');
179-
var clearButton = document.getElementById('clear-btn-91afbe64');
174+
var configWrapper = document.getElementById('config-panel-wrapper-ee568209');
175+
var configHeader = document.getElementById('config-panel-header-ee568209');
176+
var configContent = document.getElementById('config-container-content-ee568209');
177+
var toggleButton = document.getElementById('config-toggle-btn-ee568209');
178+
var searchInput = document.getElementById('search-input-ee568209');
179+
var clearButton = document.getElementById('clear-btn-ee568209');
180180

181181
// Handle config panel toggle
182182
if (optionsObject.configure && optionsObject.configure.enabled) {
@@ -205,7 +205,7 @@ <h3>Configuration</h3>
205205
// These DataSets are the "active" data being displayed
206206
var nodes = new vis.DataSet(allNodesArray);
207207
var edges = new vis.DataSet(allEdgesArray);
208-
var graphContainer = document.getElementById('mynetwork-91afbe64');
208+
var graphContainer = document.getElementById('mynetwork-ee568209');
209209
var data = { nodes: nodes, edges: edges };
210210
var network = new vis.Network(graphContainer, data, optionsObject);
211211

‎docs/assets/generated_graphs/karate_club_example.html‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@
6161
transform: rotate(-90deg); /* Right arrow for collapsed state */
6262
}
6363

64-
#config-container-content-ae7dcaf0 {
64+
#config-container-content-8279a685 {
6565
max-height: 40vh; /* Default expanded max height */
6666
overflow-y: auto;
6767
padding: 15px;
@@ -70,15 +70,15 @@
7070
transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
7171
}
7272

73-
.collapsed #config-container-content-ae7dcaf0 {
73+
.collapsed #config-container-content-8279a685 {
7474
max-height: 0;
7575
padding-top: 0;
7676
padding-bottom: 0;
7777
overflow: hidden;
7878
border-bottom: none; /* Hide border when collapsed */
7979
}
8080

81-
#mynetwork-ae7dcaf0 {
81+
#mynetwork-8279a685 {
8282
width: 100%;
8383
flex-grow: 1; /* Graph takes remaining vertical space */
8484
min-height: 0; /* Important for flex children to shrink */
@@ -141,27 +141,27 @@
141141
</style>
142142
</head>
143143
<body>
144-
<div class="config-panel-wrapper" id="config-panel-wrapper-ae7dcaf0">
145-
<div class="config-panel-header" id="config-panel-header-ae7dcaf0" role="button" tabindex="0" aria-expanded="true" aria-controls="config-container-content-ae7dcaf0">
144+
<div class="config-panel-wrapper" id="config-panel-wrapper-8279a685">
145+
<div class="config-panel-header" id="config-panel-header-8279a685" role="button" tabindex="0" aria-expanded="true" aria-controls="config-container-content-8279a685">
146146
<h3>Configuration</h3>
147-
<button class="config-toggle-btn" id="config-toggle-btn-ae7dcaf0" aria-label="Toggle configuration panel"></button>
147+
<button class="config-toggle-btn" id="config-toggle-btn-8279a685" aria-label="Toggle configuration panel"></button>
148148
</div>
149-
<div id="config-container-content-ae7dcaf0">
149+
<div id="config-container-content-8279a685">
150150
<!-- Vis.js configuration UI will be injected here -->
151151
</div>
152152
</div>
153153

154154
<div class="filter-panel">
155-
<label for="search-input-ae7dcaf0">Filter nodes (regex):</label>
156-
<input type="text" id="search-input-ae7dcaf0" placeholder="e.g., ^IMP_ or ELEC$">
157-
<button id="clear-btn-ae7dcaf0">Clear</button>
155+
<label for="search-input-8279a685">Filter nodes (regex):</label>
156+
<input type="text" id="search-input-8279a685" placeholder="e.g., ^IMP_ or ELEC$">
157+
<button id="clear-btn-8279a685">Clear</button>
158158
</div>
159159

160160
<div class="info-panel">
161161
<strong>Tip:</strong> Click a node to isolate it and its neighbors. Click the background to reset the view.
162162
</div>
163163

164-
<div id="mynetwork-ae7dcaf0"></div>
164+
<div id="mynetwork-8279a685"></div>
165165

166166
<script type="text/javascript">
167167
(function() {
@@ -171,12 +171,12 @@ <h3>Configuration</h3>
171171
var optionsObject = {"autoResize": true, "nodes": {"shape": "dot", "size": 16, "font": {"size": 12, "color": "#333"}, "borderWidth": 2, "scaling": {"min": 10, "max": 30, "label": {"enabled": false}}}, "edges": {"width": 0.5, "smooth": false, "arrows": {"to": {"enabled": false, "scaleFactor": 1}}, "color": "silver"}, "physics": {"enabled": true, "barnesHut": {"gravitationalConstant": -10000, "springConstant": 0.04, "springLength": 120, "damping": 0.09, "avoidOverlap": 0.1}, "solver": "barnesHut", "stabilization": {"iterations": 1200, "fit": true}}, "interaction": {"hover": true, "dragNodes": true, "dragView": true, "zoomView": true, "tooltipDelay": 200, "navigationButtons": false, "keyboard": {"enabled": true, "bindToWindow": false}}, "layout": {"randomSeed": 42, "improvedLayout": true}, "groups": {"Mr. Hi": {"color": {"background": "orange", "border": "darkorange"}, "shape": "dot"}, "Officer": {"color": {"background": "purple", "border": "indigo"}, "shape": "ellipse"}}};
172172

173173
// Get DOM elements
174-
var configWrapper = document.getElementById('config-panel-wrapper-ae7dcaf0');
175-
var configHeader = document.getElementById('config-panel-header-ae7dcaf0');
176-
var configContent = document.getElementById('config-container-content-ae7dcaf0');
177-
var toggleButton = document.getElementById('config-toggle-btn-ae7dcaf0');
178-
var searchInput = document.getElementById('search-input-ae7dcaf0');
179-
var clearButton = document.getElementById('clear-btn-ae7dcaf0');
174+
var configWrapper = document.getElementById('config-panel-wrapper-8279a685');
175+
var configHeader = document.getElementById('config-panel-header-8279a685');
176+
var configContent = document.getElementById('config-container-content-8279a685');
177+
var toggleButton = document.getElementById('config-toggle-btn-8279a685');
178+
var searchInput = document.getElementById('search-input-8279a685');
179+
var clearButton = document.getElementById('clear-btn-8279a685');
180180

181181
// Handle config panel toggle
182182
if (optionsObject.configure && optionsObject.configure.enabled) {
@@ -205,7 +205,7 @@ <h3>Configuration</h3>
205205
// These DataSets are the "active" data being displayed
206206
var nodes = new vis.DataSet(allNodesArray);
207207
var edges = new vis.DataSet(allEdgesArray);
208-
var graphContainer = document.getElementById('mynetwork-ae7dcaf0');
208+
var graphContainer = document.getElementById('mynetwork-8279a685');
209209
var data = { nodes: nodes, edges: edges };
210210
var network = new vis.Network(graphContainer, data, optionsObject);
211211

0 commit comments

Comments
 (0)