diff --git a/ui/README.md b/ui/README.md
new file mode 100644
index 0000000..b590513
--- /dev/null
+++ b/ui/README.md
@@ -0,0 +1,10 @@
+# UI - dashboards, visualization, querying with Grafana
+
+```sh
+cd ../clickhouse # TODO: fix relative paths
+docker stack deploy -c docker-compose-old.yaml -c ../ui/docker-compose.yaml your_stack_name
+```
+
+Access from [http://localhost:7602](http://localhost:7602)
+
+- Uses the Clickhouse data source plugin
diff --git a/ui/docker-compose.yaml b/ui/docker-compose.yaml
new file mode 100644
index 0000000..3958e5c
--- /dev/null
+++ b/ui/docker-compose.yaml
@@ -0,0 +1,29 @@
+services:
+  grafana:
+    image: grafana/grafana-oss
+    container_name: grafana
+    volumes:
+      - grafana-storage:/var/lib/grafana
+      - ../ui/grafana_clickhouse_datasource.yaml:/etc/grafana/provisioning/datasources/clickhouse.yaml # relative to clickhouse directory
+    networks:
+      outside_net:
+        aliases:
+          - grafana
+      clickhouse-server-network:
+        aliases:
+          - grafana
+    depends_on:
+      - clickhouse-server1
+    environment:
+      - GF_INSTALL_PLUGINS=grafana-clickhouse-datasource
+      - GF_SECURITY_ADMIN_USER=thewebfarm
+      - GF_SECURITY_ADMIN_PASSWORD=mrafbeweht
+    ports:
+      - "7602:3000"
+
+networks:
+  outside_net:
+    attachable: true
+
+volumes:
+  grafana-storage:
diff --git a/ui/grafana_clickhouse_datasource.yaml b/ui/grafana_clickhouse_datasource.yaml
new file mode 100644
index 0000000..45a6f86
--- /dev/null
+++ b/ui/grafana_clickhouse_datasource.yaml
@@ -0,0 +1,7 @@
+apiVersion: 1
+datasources:
+  - name: ClickHouse
+    type: grafana-clickhouse-datasource
+    jsonData:
+      host: clickhouse-server1
+      port: 9000