added gatsby site

gatsby-kedro-viz/src/pages/404.js

@@ -0,0 +1,14 @@
+import React from "react"
+
+import Layout from "../components/layout"
+import SEO from "../components/seo"
+
+const NotFoundPage = () => (
+  <Layout>
+    <SEO title="404: Not found" />
+    <h1>NOT FOUND</h1>
+    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
+  </Layout>
+)
+
+export default NotFoundPage

gatsby-kedro-viz/src/pages/default-kedro157.json

@@ -0,0 +1,158 @@
+{
+    "edges": [
+        {
+            "source": "f7b62b1a",
+            "target": "76ddffce"
+        },
+        {
+            "source": "3f82e2e9",
+            "target": "76ddffce"
+        },
+        {
+            "source": "76ddffce",
+            "target": "61aea938"
+        },
+        {
+            "source": "61aea938",
+            "target": "23e0c9e9"
+        },
+        {
+            "source": "40cc0777",
+            "target": "23e0c9e9"
+        },
+        {
+            "source": "7fe1d536",
+            "target": "27087ee9"
+        },
+        {
+            "source": "d577578a",
+            "target": "27087ee9"
+        },
+        {
+            "source": "27087ee9",
+            "target": "3f82e2e9"
+        },
+        {
+            "source": "27087ee9",
+            "target": "40cc0777"
+        },
+        {
+            "source": "27087ee9",
+            "target": "57103b64"
+        },
+        {
+            "source": "27087ee9",
+            "target": "7a1cb4c1"
+        },
+        {
+            "source": "57103b64",
+            "target": "a158446c"
+        },
+        {
+            "source": "7a1cb4c1",
+            "target": "a158446c"
+        },
+        {
+            "source": "f1f1425b",
+            "target": "a158446c"
+        },
+        {
+            "source": "a158446c",
+            "target": "f7b62b1a"
+        }
+    ],
+    "nodes": [
+        {
+            "full_name": "predict",
+            "id": "76ddffce",
+            "name": "Predict",
+            "tags": [],
+            "type": "task"
+        },
+        {
+            "full_name": "report_accuracy",
+            "id": "23e0c9e9",
+            "name": "Report Accuracy",
+            "tags": [],
+            "type": "task"
+        },
+        {
+            "full_name": "split_data",
+            "id": "27087ee9",
+            "name": "Split Data",
+            "tags": [],
+            "type": "task"
+        },
+        {
+            "full_name": "train_model",
+            "id": "a158446c",
+            "name": "Train Model",
+            "tags": [],
+            "type": "task"
+        },
+        {
+            "full_name": "example_iris_data",
+            "id": "7fe1d536",
+            "name": "Example Iris Data",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "example_model",
+            "id": "f7b62b1a",
+            "name": "Example Model",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "example_predictions",
+            "id": "61aea938",
+            "name": "Example Predictions",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "example_test_x",
+            "id": "3f82e2e9",
+            "name": "Example Test X",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "example_test_y",
+            "id": "40cc0777",
+            "name": "Example Test Y",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "example_train_x",
+            "id": "57103b64",
+            "name": "Example Train X",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "example_train_y",
+            "id": "7a1cb4c1",
+            "name": "Example Train Y",
+            "tags": [],
+            "type": "data"
+        },
+        {
+            "full_name": "parameters",
+            "id": "f1f1425b",
+            "name": "Parameters",
+            "tags": [],
+            "type": "parameters"
+        },
+        {
+            "full_name": "params:example_test_data_ratio",
+            "id": "d577578a",
+            "name": "Params:example Test Data Ratio",
+            "tags": [],
+            "type": "parameters"
+        }
+    ],
+    "tags": []
+}

gatsby-kedro-viz/src/pages/index.js

@@ -0,0 +1,20 @@
+import React from "react"
+import { Link } from "gatsby"
+
+import Layout from "../components/layout"
+import Image from "../components/image"
+import SEO from "../components/seo"
+import data from './default-kedro157.json'
+import KedroViz from '@quantumblack/kedro-viz';
+
+const IndexPage = () => (
+  <Layout>
+    <SEO title="Home" />
+    <h1>default kedro pipeline</h1>
+    <div className="pipeline" style={{ minHeight: '80vh' }}>
+      <KedroViz style={{ minHeight: '80vh' }} data={data} />
+    </div>
+  </Layout>
+)
+
+export default IndexPage

gatsby-kedro-viz/src/pages/page-2.js

@@ -0,0 +1,16 @@
+import React from "react"
+import { Link } from "gatsby"
+
+import Layout from "../components/layout"
+import SEO from "../components/seo"
+
+const SecondPage = () => (
+  <Layout>
+    <SEO title="Page two" />
+    <h1>Hi from the second page</h1>
+    <p>Welcome to page 2</p>
+    <Link to="/">Go back to the homepage</Link>
+  </Layout>
+)
+
+export default SecondPage