Fixed typo and added readme.md
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/img/img1.PNG b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img1.PNG
new file mode 100644
index 0000000..51fe084
--- /dev/null
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img1.PNG
Binary files differ
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/img/img2.PNG b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img2.PNG
new file mode 100644
index 0000000..0ae23f0
--- /dev/null
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img2.PNG
Binary files differ
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/img/img3.PNG b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img3.PNG
new file mode 100644
index 0000000..7cb2b04
--- /dev/null
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img3.PNG
Binary files differ
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/img/img4.PNG b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img4.PNG
new file mode 100644
index 0000000..90bb750
--- /dev/null
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img4.PNG
Binary files differ
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/img/img5.PNG b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img5.PNG
new file mode 100644
index 0000000..0e18ae8
--- /dev/null
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/img/img5.PNG
Binary files differ
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/readme.md b/examples/org.eclipse.epsilon.examples.picto.sirius/readme.md
new file mode 100644
index 0000000..421e6a3
--- /dev/null
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/readme.md
@@ -0,0 +1,71 @@
+# Visualising Models with Picto and Sirius
+
+Graphical modelling frameworks such as [Sirius](https://www.eclipse.org/sirius/) allow for models to be visualised and edited as diagrams, tables and trees. Sometimes it may be beneficial to visualise parts of the model in a different format, such as graphs. By combining both Sirius and Picto, you can combine the benefits of graphical editing, with the flexibility of rendering views using HTML/SVG/JavaScript-based technology. 
+
+![Picto Sirius Visualisation](img/img1.PNG)
+
+## Example
+
+In this example, we will use the Sirius basicfamily example and render charts using [ChartJS](https://www.chartjs.org/).
+
+1. Import the following projects using File>New>Other>Examples>Sirius Examples:
+	- Basic Family Metamodel Definition
+	(If you cannot see the Sirius Examples, you will need to install the samples feature from [here](https://wiki.eclipse.org/Sirius/Update_Sites#Releases))
+
+2. Import the org.eclipse.epsilon.examples.picto.sirius plug-in project from the Epsilon repository. 
+
+3. Launch a new runtime instance of Eclipse.
+
+4. In the new runtime instance, import the following projects using File>New>Other>Examples>Sirius Examples:
+	- Advanced Tutorial Solution 
+	- Basic Family Sample Model projects
+
+5. Open the Picto view (Window>Show View>Other>Picto)
+
+6. In the basicfamily.sample project, create a new Persons diagram on the Family element. 
+
+E.g. open the representations.aird file and do the following:
+
+![Picto Sirius Visulisation](img/img2.PNG)
+
+![Picto Sirius Visulisation](img/img3.PNG)
+
+And click Finish
+
+When opened you should see charts showing the number of males and females in the family 
+
+![Picto Sirius Visualisation](img/img1.PNG)
+
+7. Now create a new Relationships diagram on Elias
+
+![Picto Sirius Visualisation](img/img4.PNG)
+
+You should now see charts showing the number of male and female children of Elias 
+
+![Picto Sirius Visualisation](img/img5.PNG)
+
+
+## Modifying the Example
+
+The org.eclipse.epsilon.examples.picto.sirius plug-in uses the pictoSource extension point and the BasicFamilyPictoSource class to allow Picto to obtain model elements and auto-refresh on save of the Sirius editor. This uses part of the Sirius API to get the root element of the diagram
+
+```
+	protected EObject getRootOfDiagram(IEditorPart editorPart) {
+		if (isSiriusEditor(editorPart)) {
+			DDiagramEditor editor = (DDiagramEditor) editorPart;
+			DSemanticDiagramImpl diagram = (DSemanticDiagramImpl) editor.getRepresentation();
+			return diagram.getTarget();
+		}
+		return null;
+	}
+	
+	protected boolean isSiriusEditor(IEditorPart editorPart) {
+		return editorPart instanceof DDiagramEditor;
+	}
+```
+
+The basicfamily.egx file (located in the resources directory of the org.eclipse.epsilon.examples.picto.sirius plug-in) coordinates the generation of the Picto views.
+
+The model2bar.egl and model2pie.egl files generates the respective bar and pie chart views using the ChartJS framework.
+
+See [this page](https://www.eclipse.org/epsilon/doc/picto/) to learn more about Picto
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2bar.egl b/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2bar.egl
index 25b25a2..567455f 100644
--- a/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2bar.egl
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2bar.egl
@@ -15,7 +15,7 @@
 		new Chart(document.getElementById("chart"), {
 		    type: 'bar',
 		    data: {
-		      labels: ["Men", "Woman"],
+		      labels: ["Men", "Women"],
 		      datasets: [{
 		        label: "Family",
 		        backgroundColor: ["#add8e6","#e8c3b9"],
diff --git a/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2pie.egl b/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2pie.egl
index 25c2ac5..8c6b7bf 100644
--- a/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2pie.egl
+++ b/examples/org.eclipse.epsilon.examples.picto.sirius/resources/model2pie.egl
@@ -14,7 +14,7 @@
 		new Chart(document.getElementById("chart"), {
 		    type: 'pie',
 		    data: {
-		      labels: ["Men", "Woman"],
+		      labels: ["Men", "Women"],
 		      datasets: [{
 		        label: "Family",
 		        backgroundColor: ["#add8e6","#e8c3b9"],