diff --git a/echarts.volkovlabs.io/home.json b/echarts.volkovlabs.io/home.json
index 6f5eac0..57f0e66 100644
--- a/echarts.volkovlabs.io/home.json
+++ b/echarts.volkovlabs.io/home.json
@@ -48,7 +48,7 @@
           "format": "auto",
           "height": 669
         },
-        "editorMode": "code",
+        "editorMode": "visual",
         "followTheme": true,
         "gaode": {
           "key": "",
@@ -65,6 +65,28 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "return {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'category',\n  },\n  yAxis: {\n    type: 'value',\n    min: 0,\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [
+            {
+              "name": "Name",
+              "source": "A"
+            },
+            {
+              "name": "Amount",
+              "source": "A"
+            }
+          ],
+          "series": [
+            {
+              "id": "Data",
+              "name": "Data",
+              "type": "bar",
+              "uid": "3df4c04d-2da3-409e-89e7-ac6df19d0461"
+            }
+          ]
         }
       },
       "targets": [
@@ -134,6 +156,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Bar",
@@ -176,6 +204,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Calendar",
@@ -218,6 +252,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Candlestick",
@@ -260,6 +300,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Gauge",
@@ -302,6 +348,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Geo/Map",
@@ -344,6 +396,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Graph",
@@ -388,6 +446,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Line",
@@ -430,6 +494,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Liquid Fill",
@@ -472,6 +542,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Pie",
@@ -514,6 +590,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Radar",
@@ -556,6 +638,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Sankey",
@@ -598,6 +686,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Scatter",
@@ -640,6 +734,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Sunburst",
@@ -682,6 +782,12 @@
           "config": "{}",
           "height": 400,
           "name": "default"
+        },
+        "visualEditor": {
+          "code": "console.log(context);\nreturn {\n  dataset: context.editor.dataset,\n  series: context.editor.series,\n  xAxis: {\n    type: 'time',\n  },\n  yAxis: {\n    type: 'value',\n    min: 'dataMin',\n  },\n}\n",
+          "codeHeight": 600,
+          "dataset": [],
+          "series": []
         }
       },
       "title": "Treemap",
@@ -689,8 +795,7 @@
     }
   ],
   "refresh": "",
-  "schemaVersion": 38,
-  "style": "dark",
+  "schemaVersion": 39,
   "tags": [],
   "templating": {
     "list": [