diff --git a/source/_docs/scripts/conditions.markdown b/source/_docs/scripts/conditions.markdown
index d7c77e06cf9..43da6d2e1a4 100644
--- a/source/_docs/scripts/conditions.markdown
+++ b/source/_docs/scripts/conditions.markdown
@@ -139,6 +139,10 @@ condition:
before: sunrise
```
+A visual timeline is provided below showing an example of when these conditions will be true. In this chart, sunrise is at 6:00, and sunset is at 18:00 (6:00 PM). The green areas of the chart indicate when the specified conditions will be true.
+
+
+
### {% linkable_title Template condition %}
The template condition will test if the [given template][template] renders a value equal to true. This is achieved by having the template result in a true boolean expression or by having the template render 'true'.
diff --git a/source/images/docs/scripts/sun-conditions-source.ods b/source/images/docs/scripts/sun-conditions-source.ods
new file mode 100644
index 00000000000..444793e1a77
Binary files /dev/null and b/source/images/docs/scripts/sun-conditions-source.ods differ
diff --git a/source/images/docs/scripts/sun-conditions.svg b/source/images/docs/scripts/sun-conditions.svg
new file mode 100644
index 00000000000..acf6645e6d2
--- /dev/null
+++ b/source/images/docs/scripts/sun-conditions.svg
@@ -0,0 +1,74 @@
+
+
+
\ No newline at end of file