From 759a5835f761dbc9aab585ceb2d37b93e19dbb5d Mon Sep 17 00:00:00 2001
From: Marvin Scham <dev@marvinscham.de>
Date: Tue, 30 Aug 2022 22:24:07 +0200
Subject: [PATCH] Unified naming patterns

---
 basic-example/basic-example.js | 5 ++---
 basic-example/basic-example.py | 5 ++---
 basic-example/javascript.html  | 4 +---
 basic-example/pyscript.html    | 4 +---
 4 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/basic-example/basic-example.js b/basic-example/basic-example.js
index 89963df..fc4bbe5 100644
--- a/basic-example/basic-example.js
+++ b/basic-example/basic-example.js
@@ -40,10 +40,9 @@ fetch(url)
             .padAngle(2 / 300)
             .cornerRadius(8);
 
-        const js = d3.select("#js");
-        js.select(".loading").remove();
+        const canvas = d3.select("#canvas");
 
-        const svg = js
+        const svg = canvas
             .append("svg")
             .attr("viewBox", "-320 -320 640 640")
             .attr("width", 400)
diff --git a/basic-example/basic-example.py b/basic-example/basic-example.py
index 056a077..cb47537 100644
--- a/basic-example/basic-example.py
+++ b/basic-example/basic-example.py
@@ -40,11 +40,10 @@ arc = (
     .cornerRadius(8)
 )
 
-py = d3.select("#py")
-py.select(".loading").remove()
+canvas = d3.select("#canvas")
 
 svg = (
-    py.append("svg")
+    canvas.append("svg")
     .attr("viewBox", "-320 -320 640 640")
     .attr("width", 400)
     .attr("height", 400)
diff --git a/basic-example/javascript.html b/basic-example/javascript.html
index 0317dee..3d85798 100644
--- a/basic-example/javascript.html
+++ b/basic-example/javascript.html
@@ -13,9 +13,7 @@
     <div>
       <h1>Duolingo XP nach Sprache</h1>
       <h2>JavaScript</h2>
-      <div id="js" style="width: 400px; height: 400px; margin: auto">
-        <div class="loading"></div>
-      </div>
+      <div id="canvas" style="width: 400px; height: 400px; margin: auto"></div>
     </div>
 
     <script type="importmap">
diff --git a/basic-example/pyscript.html b/basic-example/pyscript.html
index f5fa375..635f057 100644
--- a/basic-example/pyscript.html
+++ b/basic-example/pyscript.html
@@ -16,9 +16,7 @@
     <div>
       <h1>Duolingo XP nach Sprache</h1>
       <h2>PyScript</h2>
-      <div id="py" style="width: 400px; height: 400px; margin: auto">
-        <div class="loading"></div>
-      </div>
+      <div id="canvas" style="width: 400px; height: 400px; margin: auto"></div>
     </div>
 
     <script type="importmap">