diff --git a/lib/web/docusaurus/templates/docusaurus.config.ts b/lib/web/docusaurus/templates/docusaurus.config.ts
index f094d8e5..be08642e 100644
--- a/lib/web/docusaurus/templates/docusaurus.config.ts
+++ b/lib/web/docusaurus/templates/docusaurus.config.ts
@@ -55,6 +55,11 @@ const config: Configuration = {
     },
     navbar: {
       title: '@{config.navbar.title}',
+      logo: {
+        alt: '@{config.navbar.logo.alt}',
+        src: '@{config.navbar.logo.src}',
+        srcDark: '@{config.navbar.logo.src_dark}',
+      },
       items: [
         @for item in config.navbar.items 
         {
diff --git a/lib/web/docusaurus/templates/package.json b/lib/web/docusaurus/templates/package.json
index aa9d662d..c141267c 100644
--- a/lib/web/docusaurus/templates/package.json
+++ b/lib/web/docusaurus/templates/package.json
@@ -20,6 +20,7 @@
     "@@docusaurus/theme-mermaid": "^3.1.0",
     "@@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
+    "echarts": "^5.4.3",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
diff --git a/lib/web/siteconfig/play.v b/lib/web/siteconfig/play.v
index 5effd32e..4efd589b 100644
--- a/lib/web/siteconfig/play.v
+++ b/lib/web/siteconfig/play.v
@@ -161,6 +161,9 @@ fn play_menu(mut plbook PlayBook, mut config SiteConfig) ! {
 		for action in menu_actions {
 			mut p := action.params
 			config.menu.title = p.get_default('title', config.title)!
+			config.menu.logo_alt = p.get_default('logo_alt', '')!
+			config.menu.logo_src = p.get_default('logo_src', '')!
+			config.menu.logo_src_dark = p.get_default('logo_src_dark', '')!
 		}
 	}