Replace textual explanation of workflow followed in quickstart tutorial with diagram

Author: kysrpex

docs/_static/workflow_quickstart.svg

@@ -34,15 +34,9 @@
     "- Use the installed ontologies to instantiate ontology individuals\n",
     "- Demonstrate the usage of wrappers to achieve interoperability\n",
     "\n",
-    "In the tutorial, you will go through the following workflow:\n",
+    "You will go through the workflow in the figure shown below.\n",
     "\n",
-    "1. Make the SimLAMMPS ontology that will be used to describe the data available to SimPhoNy.\n",
-    "2. Describe the positions and velocities of a set of atoms using said ontology.\n",
-    "3. Save the ontology individuals that the description consists of in an SQLite database.\n",
-    "4. Make them available to the [LAMMPS molecular dynamics simulation engine](https://www.lammps.org/).\n",
-    "5. Add extra ontology individuals that describe LAMMPS input parameters, including the integration time.\n",
-    "6. Let LAMMPS compute the new positions and velocities of the atoms and write the changes back to the ontology individuals.\n",
-    "7. Overwrite the data in the SQLite database with the simulation results.\n",
+    "![Workflow followed in the tutorial](../_static/workflow_quickstart.svg)\n",
     "\n",
     "Following the tutorial on your own machine requires the installation of [SimPhoNy](../installation.md#installation) and the [SimLAMMPS](https://github.com/simphony/simphony-osp-simlammps) wrapper. We recommend that you use the button above to follow the tutorial online using Binder."
    ]
@@ -614,7 +608,7 @@
    "name": "python",
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython3",
-   "version": "3.7.10"
+   "version": "3.8.12"
   }
  },
  "nbformat": 4,