doc: adding new records

Author: petervidos

docs/content/tutorial/10-filtering.md

@@ -1,7 +1,9 @@
-## Filtering
+## Filtering & adding new records
 
 Filtering enables you to zoom in or out within a chart, allowing the viewer to 
-focus on certain selected elements, or add new ones to provide more context. 
+focus on certain selected elements, or get more context.
+You can also add new records to the data on the chart which makes it easy to work
+with real-time sources.
 
 We add two items from the Genres dimension - using the || operator - to 
 the filter, so the chart elements that belong to the other two items will vanish 
@@ -31,10 +33,24 @@ chart.animate({
 
 Switching the filter off to get back to the original view.
 
-```javascript { "title": "Filter off " }
+```javascript { "title": "Filter off" }
 chart.animate({
 	data: {
 		filter: null,
 	}
 })
 ```
+
+Here we add another record to the data set and update the chart accordingly.
+
+```javascript { "title": "Adding new records" }
+chart.animate({
+	data: {
+		records: [
+		  ['Soul', 'Hard', 91],
+		  ['Soul', 'Smooth', 57],
+		  ['Soul', 'Experimental', 115],
+	        ] 
+	}
+})
+```