Add screenshots (#58)

docs/fundamentals/hpo.md

@@ -28,11 +28,22 @@ The diagram above demonstrates the typical flow of hyperparameter optimization w
 1. Clone the base task. Each clone's parameter is overridden with a value from the optimization task  
 1. Enqueue each clone for execution by a ClearML Agent
 1. The Optimization Task records and monitors the cloned tasks' configuration and execution details, and returns a 
-   summary of the optimization results 
+   summary of the optimization results in tabular and parallel coordinate formats, and in a scalar plot. 
  
 
 ![Optimization results summary chart](../img/fundamentals_hpo_summary.png)
 
+<details className="cml-expansion-panel screenshot">
+<summary className="cml-expansion-panel-summary">Parallel coordinate and scalar plots</summary>
+<div className="cml-expansion-panel-content">
+
+![Parallel Coordinates](../img/fundamentals_hpo_parallel_coordinates.png)
+
+![Scalars](../img/fundamentals_hpo_scalars.png)
+
+</div>
+</details>
+
 ### Supported Optimizers
 
 The `HyperParameterOptimizer` class contains **ClearML**’s hyperparameter optimization modules. Its modular design enables 

docs/fundamentals/hyperparameters.md

@@ -160,6 +160,8 @@ The "name" argument, is the name of the section that the object will go into. If
 
 See [here](https://github.com/allegroai/clearml/blob/master/examples/reporting/model_config.py) for a detailed example.
 
+![Configuration objects](../img/fundamentals_hyperparameters_config_objects.png)
+
 ## Manual Parameter Access
 
 ### Manual Parameter Input

docs/fundamentals/task.md

@@ -25,6 +25,7 @@ project name & task name combination or by a unique ID.
 
 It's possible to copy ([clone](../webapp/webapp_exp_reproducing.md)) a task multiple times and to modify it for re-execution.  
 
+![Task](../img/fundamentals_task.png)
 
 ## Task sections