diff --git a/web/index.html b/web/index.html
index 03ce7694..e0d8b23c 100644
--- a/web/index.html
+++ b/web/index.html
@@ -117,6 +117,8 @@ <h2>Package by Size 1</h2>
 <div id="circle-packing"></div>
 <h2>Package by Size 2</h2>
 <div id="nested-treemap"></div>
+<h2>Coder Flower</h2>
+<div id="code-flower"></div>
 
 <h1>Organizational Culture</h1>
 <div class="layout-grid2x2">
@@ -149,6 +151,7 @@ <h2>Commits Tree</h2>
 
 <script src="public/js/graph/cloc/circle-packing.js"></script>
 <script src="public/js/graph/cloc/nested-treemap.js"></script>
+<script src="public/js/graph/cloc/code-flower.js"></script>
 
 <script src="public/js/plugins/legend.js"></script>
 
diff --git a/web/public/js/graph/cloc/code-flower.js b/web/public/js/graph/cloc/code-flower.js
new file mode 100644
index 00000000..ff9b6eaa
--- /dev/null
+++ b/web/public/js/graph/cloc/code-flower.js
@@ -0,0 +1,3 @@
+function renderCodeFlower(data) {
+  console.log(data);
+}
diff --git a/web/public/js/graph/plugins/pipeline-visual.js b/web/public/js/graph/plugins/pipeline-visual.js
index d248c216..133be73e 100644
--- a/web/public/js/graph/plugins/pipeline-visual.js
+++ b/web/public/js/graph/plugins/pipeline-visual.js
@@ -58,8 +58,6 @@ function visualizationPipeline(data, elementId) {
     })
   }));
 
-  console.log(stages);
-
   let svg = d3.select(elementId)
     .append('svg')
     .attr('width', '100%')
diff --git a/web/public/js/index.js b/web/public/js/index.js
index 4a40b462..4ae16856 100644
--- a/web/public/js/index.js
+++ b/web/public/js/index.js
@@ -14,6 +14,7 @@ d3.json("data/cloc.json").then(function (json) {
 
   renderPacking(data["reports"])
   renderNestedTreemap(data["reports"])
+  renderCodeFlower(data["reports"]);
 });
 
 d3.json("data/git.json").then(function (json) {