svg text->path in legend

cybertier · Sep 22, 2023 · 3d43b96 · 3d43b96
1 parent c41b2ed
commit 3d43b96
Show file tree

Hide file tree

Showing 2 changed files with 130 additions and 1 deletion.
diff --git a/Legende.0d2491ea.svg b/Legende.0d2491ea.svg
diff --git a/graph-live.html b/graph-live.html
@@ -1 +1 @@
-<html data-bs-theme="dark"><head><title>Hvergelmir</title><meta charset="UTF-8"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin><link rel="stylesheet" href="styles.fbc2dd98.css"></head><body>  <div class="graph-view"> <div class="cosmos-outer"> <div class="cosmos"> <div id="GraphLabelDiv"></div> <canvas class="graphCanvas"> </canvas></div> <div><div class="dark-bordered legend"><img class="legend-svg" src="Legende.6030ec9c.svg" alt=""></div></div> </div> <div> <div class="graph-lower light-bordered sidebar-right"> <h3>Lieferketten Info</h3> <p> <var id="depth-button-label"></var> </p> <p>Es werden Bauteile angezeigt, die bis zu <var id="current_depth_var"></var> Bauteile von <a id="browser"></a> entfernt sind.</p> <p>Genau so weit <a id="sind">ist</a> <var id="current_separate_dependencies_var"></var> <a id="bauteil">Bauteil</a> davon entfernt.</p> <p>Gesamt <a id="sind2">ist</a> bis hier <var id="current_aggregate_dependencies_var"></var> <a id="bauteil2">Bauteil</a> in der Lieferkette.</p> <p>Bis hier sind Angestellte von <var id="companies_total"></var> Firmen an der Entwicklung beteiligt.</p> <p>Es waren allein im letzten Jahr ~<var id="contributors_year_accumulated"></var> Menschen an diesen Bauteilen Beteiligt.</p> <p>Täglich werden im Durchschnitt <var id="commits_year_accumulated"></var> Änderungen an ihnen vorgenommen.</p> <p>So sind die Entwickler in den momentan angezeigten Bauteilen auf der Welt verteilt:</p> <div class="choropleth-div" id="choropleth-div"> <svg id="my_dataviz" width="450" height="320"></svg> </div> </div> <button type="button" class="btn btn-light continue-btn" id="depth-button"><p class="h3">Lieferkette weiter aufklappen</p></button> <a type="button" class="btn btn-light continue-btn disabled" onclick="continueAfterGraph()" id="continue-btn"><p class="h3">Weiter zur Umfrage</p></a> </div> </div> <script src="https://d3js.org/d3.v4.js"></script> <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script> <script src="https://d3js.org/d3-geo-projection.v2.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.13.0/d3-legend.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin></script> <script src="graph.039fc912.js"></script> </body></html>
+<html data-bs-theme="dark"><head><title>Hvergelmir</title><meta charset="UTF-8"><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin><link rel="stylesheet" href="styles.fbc2dd98.css"></head><body>  <div class="graph-view"> <div class="cosmos-outer"> <div class="cosmos"> <div id="GraphLabelDiv"></div> <canvas class="graphCanvas"> </canvas></div> <div><div class="dark-bordered legend"><img class="legend-svg" src="Legende.0d2491ea.svg" alt=""></div></div> </div> <div> <div class="graph-lower light-bordered sidebar-right"> <h3>Lieferketten Info</h3> <p> <var id="depth-button-label"></var> </p> <p>Es werden Bauteile angezeigt, die bis zu <var id="current_depth_var"></var> Bauteile von <a id="browser"></a> entfernt sind.</p> <p>Genau so weit <a id="sind">ist</a> <var id="current_separate_dependencies_var"></var> <a id="bauteil">Bauteil</a> davon entfernt.</p> <p>Gesamt <a id="sind2">ist</a> bis hier <var id="current_aggregate_dependencies_var"></var> <a id="bauteil2">Bauteil</a> in der Lieferkette.</p> <p>Bis hier sind Angestellte von <var id="companies_total"></var> Firmen an der Entwicklung beteiligt.</p> <p>Es waren allein im letzten Jahr ~<var id="contributors_year_accumulated"></var> Menschen an diesen Bauteilen Beteiligt.</p> <p>Täglich werden im Durchschnitt <var id="commits_year_accumulated"></var> Änderungen an ihnen vorgenommen.</p> <p>So sind die Entwickler in den momentan angezeigten Bauteilen auf der Welt verteilt:</p> <div class="choropleth-div" id="choropleth-div"> <svg id="my_dataviz" width="450" height="320"></svg> </div> </div> <button type="button" class="btn btn-light continue-btn" id="depth-button"><p class="h3">Lieferkette weiter aufklappen</p></button> <a type="button" class="btn btn-light continue-btn disabled" onclick="continueAfterGraph()" id="continue-btn"><p class="h3">Weiter zur Umfrage</p></a> </div> </div> <script src="https://d3js.org/d3.v4.js"></script> <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script> <script src="https://d3js.org/d3-geo-projection.v2.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-legend/2.13.0/d3-legend.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin></script> <script src="graph.039fc912.js"></script> </body></html>