🚧 draft someting

public/index.html

@@ -4,7 +4,7 @@
 	<meta charset='utf-8'>
 	<meta name='viewport' content='width=device-width,initial-scale=1'>
 
-	<title>Svelte app</title>
+	<title>SDM Svelte app</title>
 
 	<link rel='icon' type='image/png' href='/favicon.png'>
 	<link rel='stylesheet' href='/global.css'>

src/AllInOneGraph.svelte

@@ -0,0 +1 @@
+some very nice graph too

src/App.svelte

@@ -1,10 +1,14 @@
 <script lang="ts">
-	export let name: string;
+	import AllInOneGraph from './AllInOneGraph.svelte';
+	import PilotsByYearGraph from './YearGraph.svelte';
+	//export let name: string;
 </script>
 
 <main>
-	<h1>Hello {name}!</h1>
-	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+	<h1>SDM visualisations</h1>
+	<!--p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p-->
+	<PilotsByYearGraph></PilotsByYearGraph>
+	<AllInOneGraph></AllInOneGraph>
 </main>
 
 <style>

src/YearGraph.svelte

@@ -0,0 +1,3 @@
+<script></script>
+
+a very nice graph