feat: CHARTS-8817 rendering spec SDK example app (#85)

Co-authored-by: Kristina Stefanova <[email protected]>
Co-authored-by: James Wang <[email protected]>

Author: kristinamongo

examples/README.md

@@ -21,6 +21,8 @@ Our **authenticated** examples are great references if you need help getting sta
 - [Atlas App Services](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/charts/authenticated-realm-web)
 - [Google](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/charts/authenticated-google)
 
+The [rendering spec](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/charts/rendering-spec) example demonstrates how you can apply customizations to embedded charts. This example only shows you a few cutomisations you can apply to embedded charts, see [rendering specification](https://github.com/mongodb-js/charts-embed-sdk/tree/master/docs/rendering-spec.md) for the complete documentation.
+
 If you'd like to build **interactive** charts, we have two examples showing this capability:
 
 - [Getting started with click events](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/charts/click-events-basic)
@@ -32,18 +34,16 @@ There is also an [example](https://github.com/mongodb-js/charts-embed-sdk/tree/m
 
 The embedded dashboards are very similar to the embedded charts examples, but with a few differences that are highlighted in each example.
 
-The easiest method of embedding a dashboard is by following the [unauthenticated example](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/unauthenticated). 
+The easiest method of embedding a dashboard is by following the [unauthenticated example](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/unauthenticated).
 
 For interactive purposes, you can also look at the [unauthenticated get chart example](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/unauthenticated-get-chart) where you can attach a click event listener to individual charts on an embedded dashboard.
 
 If your dashboard needs some privacy, you can look at our authenticated examples which uses the same authentication providers as the embedded chart examples too.
 
-
 - [Custom JWT](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/authenticated-custom-jwt)
 - [Atlas App Services](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/authenticated-realm-web)
 - [Google](https://github.com/mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/authenticated-google)
 
-
 ---
 
 We hope these resources help, and as always,

examples/charts/authenticated-custom-jwt/package-lock.json

@@ -8,7 +8,7 @@
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "@mongodb-js/charts-embed-dom": "^3.0.0",
+    "@mongodb-js/charts-embed-dom": "^3.2.0",
     "cors": "^2.8.5",
     "express": "^4.16.3",
     "jsonwebtoken": "^8.3.0",

examples/charts/authenticated-custom-jwt/package.json

@@ -8,7 +8,7 @@
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "@mongodb-js/charts-embed-dom": "^3.0.0",
+    "@mongodb-js/charts-embed-dom": "^3.2.0",
     "jsonwebtoken": "^8.3.0",
     "mongodb-stitch-browser-sdk": "^4.8.0",
     "parcel": "^1.12.4",

examples/charts/authenticated-realm-deprecated/package-lock.json

@@ -8,7 +8,7 @@
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "@mongodb-js/charts-embed-dom": "^3.0.0",
+    "@mongodb-js/charts-embed-dom": "^3.2.0",
     "jsonwebtoken": "^8.3.0",
     "parcel": "^1.12.4",
     "realm-web": "^1.7.1",

examples/charts/authenticated-realm-deprecated/package.json

@@ -8,7 +8,7 @@
     "build": "parcel build index.html"
   },
   "dependencies": {
-    "@mongodb-js/charts-embed-dom": "^3.0.0",
+    "@mongodb-js/charts-embed-dom": "^3.2.0",
     "parcel": "^1.12.4"
   },
   "devDependencies": {