diff --git a/docs/modules/bargraph.md b/docs/modules/bargraph.md
new file mode 100644
index 00000000..4085196e
--- /dev/null
+++ b/docs/modules/bargraph.md
@@ -0,0 +1,26 @@
+# Bargraph
+
+Demo bar graph with dummy data.
+
+## Configuration
+
+```yaml
+spotify:
+  enabled: true
+  colors:
+    label: "green"
+    text: "white"
+  position:
+    top: 1
+    left: 2
+    height: 1
+    width: 1
+  refreshInterval: 0
+``` 
+
+{## Screenshots
+
+<img src="/assets/modules/bargraph.png" class="screenshot" width="320" height="191" alt="baargraph screenshot" />
+
+% set src="bargraph" %}
+{% include "src_path.md" %}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 81959db7..aadb3a79 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -69,6 +69,7 @@ nav:
     - Asana:                modules/asana.md
     - Azure DevOps:         modules/azure_devops.md
     - BambooHR:             modules/bamboohr.md
+    - Bargraph:             modules/bargraph.md
     - BuildKite:            modules/buildkite.md
     - CDS:
       - CDS Favorites:      modules/cds/favorites.md
diff --git a/site/assets/modules/bargraph.png b/site/assets/modules/bargraph.png
new file mode 100644
index 00000000..781c99ef
Binary files /dev/null and b/site/assets/modules/bargraph.png differ