3 files changed, 16 insertions, 3 deletions
diff --git a/src/client/documents/Documents.ts b/src/client/documents/Documents.ts
index c5ec9eaf6..42191bd7e 100644
--- a/src/client/documents/Documents.ts
+++ b/src/client/documents/Documents.ts
@@ -62,7 +62,7 @@ import { DocumentType } from "./DocumentTypes";
 import { IconProp } from "@fortawesome/fontawesome-svg-core";
 import { MapBox } from "../views/nodes/MapBox/MapBox";
 import { RecordingBox } from "../views/nodes/RecordingBox/RecordingBox";
-import DataViz from "../views/nodes/DataViz";
+import { DataViz } from "../views/nodes/DataViz";
 
 const defaultNativeImageDim = Number(DFLT_IMAGE_NATIVE_DIM.replace("px", ""));
 class EmptyBox {
diff --git a/src/client/util/CurrentUserUtils.ts b/src/client/util/CurrentUserUtils.ts
index a96f5cb18..8ccb0d197 100644
--- a/src/client/util/CurrentUserUtils.ts
+++ b/src/client/util/CurrentUserUtils.ts
@@ -310,7 +310,8 @@ export class CurrentUserUtils {
             { toolTip: "Tap to create a mobile view in a new pane, drag for a mobile view", title: "Phone", icon: "mobile", click: 'openOnRight(Doc.UserDoc().activeMobileMenu)', drag: 'this.dragFactory', dragFactory: doc.activeMobileMenu as Doc },
             { toolTip: "Tap to create a custom header note document, drag for a custom header note", title: "Custom", icon: "window-maximize", click: 'openOnRight(delegateDragFactory(this.dragFactory))', drag: 'delegateDragFactory(this.dragFactory)', dragFactory: doc.emptyHeader as Doc },
             { toolTip: "Toggle a Calculator REPL", title: "repl", icon: "calculator", click: 'addOverlayWindow("ScriptingRepl", { x: 300, y: 100, width: 200, height: 200, title: "Scripting REPL" })' },
-            { toolTip: "Tap to create a map in the new pane, drag for a map", title: "Map", icon: "map-marker-alt", click: 'openOnRight(copyDragFactory(this.dragFactory))', drag: 'copyDragFactory(this.dragFactory)', dragFactory: doc.emptyMap as Doc, noviceMode: true }
+            { toolTip: "Tap to create a map in the new pane, drag for a map", title: "Map", icon: "map-marker-alt", click: 'openOnRight(copyDragFactory(this.dragFactory))', drag: 'copyDragFactory(this.dragFactory)', dragFactory: doc.emptyMap as Doc, noviceMode: true },
+            { toolTip: "Tap to create a data visualization in a new pane", title: "Data Viz", icon: "microphone", click: 'openOnRight(copyDragFactory(this.dragFactory))', drag: 'copyDragFactory(this.dragFactory)', dragFactory: doc.emptyDataViz as Doc}
         ];
 
     }
diff --git a/src/client/views/nodes/DataViz.tsx b/src/client/views/nodes/DataViz.tsx
index 60b27c19c..57c5c0259 100644
--- a/src/client/views/nodes/DataViz.tsx
+++ b/src/client/views/nodes/DataViz.tsx
@@ -4,11 +4,23 @@ import { FieldView, FieldViewProps } from "./FieldView";
 import { ViewBoxBaseComponent } from '../DocComponent';
 
 export class DataViz extends ViewBoxBaseComponent<FieldViewProps>() {
+
+    constructor(props: any) {
+        super(props);
+    }
+
+
     public static LayoutString(fieldKey: string) {
         return FieldView.LayoutString(DataViz, fieldKey);
     }
 
     render() {
-        return (<div>Hi</div>)
+        return (
+        <div className="dataViz">
+            <div>
+                Hi
+            </div>
+        </div>
+        );
     }
 }
 \ No newline at end of file