fix: prepare architecture.yaml for jazzy (#364)

* Prepare architecture.yaml for jazzy

* ci(pre-commit): autofix

* modify configuration section

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

Author: miyakoshi-dev

docs/tutorials/configuration.md

@@ -2,10 +2,26 @@
 
 Please download [the architecture file](https://raw.githubusercontent.com/tier4/caret_demos/main/samples/end_to_end_sample/architecture.yaml) and use it for visualization.
 
-```bash
-cd ~/ros2_ws/evaluate
-wget https://raw.githubusercontent.com/tier4/caret_demos/main/samples/end_to_end_sample/architecture.yaml
-```
+=== "humble"
+
+    ``` bash
+    cd ~/ros2_ws/evaluate
+    wget https://raw.githubusercontent.com/tier4/caret_demos/main/samples/end_to_end_sample/architecture.yaml
+    ```
+
+=== "iron"
+
+    ``` bash
+    cd ~/ros2_ws/evaluate
+    wget https://raw.githubusercontent.com/tier4/caret_demos/main/samples/end_to_end_sample/architecture.yaml
+    ```
+
+=== "jazzy"
+
+    ``` bash
+    cd ~/ros2_ws/evaluate
+    wget https://raw.githubusercontent.com/tier4/caret_demos/main/samples/end_to_end_sample/architecture_jazzy.yaml
+    ```
 
 Configuration is an advanced topic for beginners. This section only provides the architecture file for [the next section of visualization](./visualization.md).
 

docs/tutorials/visualization.md

@@ -27,20 +27,52 @@ This section will show basic flow to visualize data with Jupyter notebook.
 
    Locate trace data on Jupyter notebook as well as the architecture file.
 
-   ```python
-   from caret_analyze import Architecture, Application, Lttng
+=== "humble"
 
-   # load the architecture file which is created in the previous page
-   arch = Architecture('yaml', './architecture.yaml')
+    ``` python
+    from caret_analyze import Architecture, Application, Lttng
 
-   # load recorded data by CARET
-   lttng = Lttng('./e2e_sample')
+    # load the architecture file which is created in the previous page
+    arch = Architecture('yaml', './architecture.yaml')
 
-   # map the application architecture to recorded data
-   app = Application(arch, lttng)
-   ```
+    # load recorded data by CARET
+    lttng = Lttng('./e2e_sample')
+
+    # map the application architecture to recorded data
+    app = Application(arch, lttng)
+    ```
+
+=== "iron"
+
+    ``` python
+    from caret_analyze import Architecture, Application, Lttng
+
+    # load the architecture file which is created in the previous page
+    arch = Architecture('yaml', './architecture.yaml')
+
+    # load recorded data by CARET
+    lttng = Lttng('./e2e_sample')
+
+    # map the application architecture to recorded data
+    app = Application(arch, lttng)
+    ```
+
+=== "jazzy"
+
+    ``` python
+    from caret_analyze import Architecture, Application, Lttng
+
+    # load the architecture file which is created in the previous page
+    arch = Architecture('yaml', './architecture_jazzy.yaml')
+
+    # load recorded data by CARET
+    lttng = Lttng('./e2e_sample')
+
+    # map the application architecture to recorded data
+    app = Application(arch, lttng)
+    ```
 
-   After execution of the code, users will often refer to the `app` object defined as `Application` class. The `app` objects provides users latency of callbacks, communication, and paths. `Application` class is similar to `Architecture` class which describes structure of the application and their interfaces are similar. In addition, `Application` class has interfaces to get latency.
+After execution of the code, users will often refer to the `app` object defined as `Application` class. The `app` objects provides users latency of callbacks, communication, and paths. `Application` class is similar to `Architecture` class which describes structure of the application and their interfaces are similar. In addition, `Application` class has interfaces to get latency.
 
 ## Basic API to get latency