3 files changed, 16 insertions, 1 deletions
diff --git a/src/client/views/nodes/DataViz.scss b/src/client/views/nodes/DataViz.scss
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/src/client/views/nodes/DataViz.scss
diff --git a/src/client/views/nodes/DataViz.tsx b/src/client/views/nodes/DataViz.tsx
new file mode 100644
index 000000000..60b27c19c
--- /dev/null
+++ b/src/client/views/nodes/DataViz.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import "./DataViz.scss";
+import { FieldView, FieldViewProps } from "./FieldView";
+import { ViewBoxBaseComponent } from '../DocComponent';
+
+export class DataViz extends ViewBoxBaseComponent<FieldViewProps>() {
+    public static LayoutString(fieldKey: string) {
+        return FieldView.LayoutString(DataViz, fieldKey);
+    }
+
+    render() {
+        return (<div>Hi</div>)
+    }
+}
+\ No newline at end of file
diff --git a/src/client/views/nodes/DocumentContentsView.tsx b/src/client/views/nodes/DocumentContentsView.tsx
index 70732e74c..8715fc33a 100644
--- a/src/client/views/nodes/DocumentContentsView.tsx
+++ b/src/client/views/nodes/DocumentContentsView.tsx
@@ -42,6 +42,7 @@ import React = require("react");
 import XRegExp = require("xregexp");
 import { MapBox } from "./MapBox/MapBox";
 import { RecordingBox } from "./RecordingBox";
+import { DataViz } from "./DataViz";
 
 const JsxParser = require('react-jsx-parser').default; //TODO Why does this need to be imported like this?
 
@@ -229,7 +230,7 @@ export class DocumentContentsView extends React.Component<DocumentViewProps & Fo
                     PDFBox, VideoBox, AudioBox, RecordingBox, PresBox, YoutubeBox, PresElementBox, SearchBox, FilterBox, FunctionPlotBox,
                     ColorBox, DashWebRTCVideo, LinkAnchorBox, InkingStroke, LinkBox, ScriptingBox, MapBox,
                     ScreenshotBox,
-                    HTMLtag, ComparisonBox
+                    HTMLtag, ComparisonBox, DataViz
                 }}
                 bindings={bindings}
                 jsx={layoutFrame}