diff --git a/docs/source/images/slice_pipeline_multiple_click.gif b/docs/source/images/slice_pipeline_multiple_click.gif new file mode 100644 index 0000000000..c950e7c7a0 Binary files /dev/null and b/docs/source/images/slice_pipeline_multiple_click.gif differ diff --git a/docs/source/images/slice_pipeline_slice_reset.gif b/docs/source/images/slice_pipeline_slice_reset.gif new file mode 100644 index 0000000000..4eb6c174bb Binary files /dev/null and b/docs/source/images/slice_pipeline_slice_reset.gif differ diff --git a/docs/source/slice_a_pipeline.md b/docs/source/slice_a_pipeline.md index 9839dcb0d2..28c93082f6 100644 --- a/docs/source/slice_a_pipeline.md +++ b/docs/source/slice_a_pipeline.md @@ -20,7 +20,7 @@ Kedro-Viz offers a user-friendly visual interface for slicing pipelines. Follow - Click on the first node you want to include. - Hold the Shift key and select the second node. -![](./images/slice_pipeline_full_view.gif) + 2. **Highlighted selection:** The flowchart will highlight all nodes between the selected elements, and the corresponding nodes in the list on the left will also be highlighted. @@ -29,4 +29,6 @@ Kedro-Viz offers a user-friendly visual interface for slicing pipelines. Follow 4. **Slice the pipeline:** When you're ready, click the "Slice" button. This opens a new view where you can directly interact with the sliced pipeline. -5. **Reset:** To discard your selection and return to the full pipeline view, click the "Reset" button. This will clear the slice and restore the default view. \ No newline at end of file +5. **Reset:** To discard your selection and return to the full pipeline view, click the "Reset" button. This will clear the slice and restore the default view. + + \ No newline at end of file