diff --git a/themes/butterfly/layout/includes/page/categories.pug b/themes/butterfly/layout/includes/page/categories.pug
index 79153c8..f2dd8ac 100644
--- a/themes/butterfly/layout/includes/page/categories.pug
+++ b/themes/butterfly/layout/includes/page/categories.pug
@@ -1 +1,2 @@
-.category-lists!= list_categories()
\ No newline at end of file
+.category-lists!= list_categories()
+    <div id="categories-chart" data-parent="true" style="height: 300px; padding: 10px;"></div>
\ No newline at end of file
diff --git a/themes/butterfly/layout/includes/page/tags.pug b/themes/butterfly/layout/includes/page/tags.pug
index b5b62cd..794a210 100644
--- a/themes/butterfly/layout/includes/page/tags.pug
+++ b/themes/butterfly/layout/includes/page/tags.pug
@@ -1,2 +1,3 @@
 .tag-cloud-list.text-center
-  !=cloudTags({source: site.tags, orderby: page.orderby || 'random', order: page.order || 1, minfontsize: 1.2, maxfontsize: 1.5, limit: 0, unit: 'em'})
\ No newline at end of file
+  !=cloudTags({source: site.tags, orderby: page.orderby || 'random', order: page.order || 1, minfontsize: 1.2, maxfontsize: 1.5, limit: 0, unit: 'em'})
+  <div id="tags-chart" data-length="10" style="height: 300px; padding: 10px;"></div>
\ No newline at end of file