Improve Kedro-viz experience on notebooks.

[rashidakanchwala]

Description

When using the %run_viz command for kedro-viz in Jupyter notebooks, it currently opens as an embedded iframe, which is not ideal. The goal of this ticket is to enhance the user experience by adopting a Databricks-like approach, where instead a link is displayed. Clicking this link will open Kedro-viz in a new browser tab.

Possible Implementation

Here's an example of how it works in Databricks https://docs.kedro.org/en/latest/deployment/databricks/databricks_visualisation.html

Possible Alternatives

(Optional) Describe any alternative solutions or features you've considered.

Checklist

• Include labels so that we can categorise your feature request

[astrojuanlu]

For complex iframes, jupyterlab-contrib/rise allows the user to open the page on a new tab (when on Notebook) or seeing the page in a separate panel:

For simpler interactions, it's possible to embed them in the notebook itself, similar to scikit-learn pipelines or ipyleaflet:

Given that Viz can be used as a React component, maybe it's something worth looking into.

(Also for any experiments, make sure you're using Notebook>=7, which is based on JupyterLab 4)