Add basic example JSON files

Author: esensar

README.md

@@ -163,6 +163,8 @@ There are some environment variables which can be used to control the app in bui
 
 ## Common data sources
 
+### Websocket
+
 Quad9 has had great success using Vector (http://vector.dev) to create streaming data via the "websocket" sink. Authentication is a bit non-obvious, so here is a complete example "sink" for a Vector-based data source using random data as an input, with authenticated websocket. Upon loading the globe page, set the "Websocket url:" to be ws://your.host:5007 and username/password as indicated in the sample file.
 
 ```
@@ -241,5 +243,14 @@ Username,Password
 testuser,ABadPasswordChoice123
 ```
 
-### Credits
+### Data download
+
+The [examples](./examples/data) directory contains some JSON data files that can be directly consumed by the application. Pick a file that you are interested in, copy it over to [public/assets/data/](./public/assets/data) directory and point the `dataDownloadUrl` (or `VITE_DATA_DOWNLOAD_URL`) to it:
+```sh
+# For example, lets pick the file demonstrating all supported types
+cp examples/data/all-types.json public/assets/data/
+VITE_DATA_DOWNLOAD_URL=assets/data/all-types.json npm run dev
+```
+
+## Credits
 most development by Ensar Sarajčić <dev@ensarsarajcic.com>; ongoing feature development, original concept and code by John Todd <jtodd@quad9.net>

examples/data/all-types.json

@@ -0,0 +1,69 @@
+[
+	{
+		"type": "settings_command",
+		"settings": {
+			"autoRotateGlobe": "false"
+		}
+	},
+	{
+		"type": "view_command",
+		"view_lat": 45,
+		"view_lon": 15,
+		"view_zoom": 7,
+		"view_speed": 0.2,
+		"command_delay": 1000
+	},
+	{
+		"type": "circle",
+		"lat": 50,
+		"lon": 5,
+		"circle_radius": 100
+	},
+	{
+		"type": "pointer",
+		"lat": 50,
+		"lon": 30,
+		"display_text": "Click here to go to\nthe Globe of Wonder GitHub page!",
+		"link_url": "https://github.com/Quad9DNS/globeofwonder"
+	},
+	{
+		"type": "pointer",
+		"lat": 55,
+		"lon": 35,
+		"display_text": "Test label on hover only",
+		"display_text_hover_only": true
+	},
+	{
+		"type": "explosion",
+		"lat": 30,
+		"lon": 15,
+		"ttl": 10000,
+		"counter": 20,
+		"draw_delay": 5000
+	},
+	{
+		"type": "bar",
+		"lat": 40,
+		"lon": -5,
+		"bar_height": 1000
+	},
+	{
+		"type": "arc",
+		"lat": 30,
+		"lon": 15,
+		"ttl": 10000,
+		"draw_delay": 5000,
+		"point2_lat": 50,
+		"point2_lon": 5,
+		"arc_draw_duration": 1000
+	},
+	{
+		"type": "downloaded",
+		"lat": 40,
+		"lon": 10,
+		"downloaded_object_url": "https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png",
+		"downloaded_object_scale": 2,
+		"hover_text": "Click here to open wikipedia",
+		"link_url": "https://wikipedia.org"
+	}
+]