January 17, 2017 21:35 · Jan 17, 2017
diff --git a/examples-bar-graph.eve b/examples-bar-graph.eve
@@ -0,0 +1,60 @@
+# Pet Lengths
+
+Demonstration of the bar graph view.
+
+Create some pets with rigorously measured lengths.
+
+```
+commit
+  [#pet name: "koala" length: 7]
+  [#pet name: "cat" length: 3]
+  [#pet name: "whale" length: 12]
+  [#pet name: "dog" length: 14]
+  [#pet name: "orangutan" length: 9]
+  [#pet name: "lemur" length: 5]
+```
+
+Each pet is a single bar on our graph. The bar's label is the pet's name, it's height is the pet's length. The sort property tells the bar graph to draw the bar in alphabetical order based on the pets' names.
+
+```
+search
+  [#pet name length]
+  ix = sort[value: name]
+
+bind @view
+  [#bar-graph | bar: [label: name height: length sort: ix]]
+```
+
+A team of scientists work tirelessly around the clock to keep the mysterious whargarbbl's length updated. Since each bar in the bar chart is bound above, the whargarbbl's bar will stay in sync.
+
+```eve
+search
+  [#time minutes seconds]
+  length = random[seed: minutes * seconds] * 30
+
+bind
+  [#pet name: "whargarbbl" length]
+
+```
+
+### Random stuff
+```eve
+commit @browser
+  [#div #txt text: "asd"]
+```
+
+```
+search
+  [#time minutes seconds]
+
+search @browser
+  x = random[seed: seconds]
+  node = [#txt]
+
+commit @browser
+  node.text := x
+  // [#div text: x]
+```
+
+
+