https://kedro.org/ logo
#questions
Title
# questions
i

Iñigo Hidalgo

09/08/2023, 8:28 AM
Kedro-Viz and Static Embedding Hello, I am working on some documentation for a project and would like to include the kedro-viz node view as part of the wiki. Is there a relatively straightforward way to get an HTML render of the kedro-viz view? I wouldn't need any of the interactivity, only a general overview of the nodes to embed in a markdown page. I saw this from @Tynan https://tynandebold.com/kedro-viz-layout/ but that goes a step further and deploys the static html on GH pages, our wikis are rendered from markdown documents on azure devops wiki so as far as I know (which admittedly isn't much) we can't have js stuff in there
❤️ 1
j

Juan Luis

09/08/2023, 8:35 AM
wondering if this is related to https://github.com/kedro-org/kedro-viz/issues/638 ?
🤔 1
i

Iñigo Hidalgo

09/08/2023, 8:37 AM
svg would work too. I actually had never noticed the export visualization button, so for now I guess I can just do that manually!
👍🏽 1
t

Tynan

09/08/2023, 8:41 AM
in the past we've usually suggest using the export PNG/SVG for this specific ask, because at the moment we don't have any HTML export functionality
let us know how the SVG works and if we can make it better in any way
i

Iñigo Hidalgo

09/08/2023, 8:49 AM
Thanks 🙂 my original idea was to have it as part of CI so the wiki would always have the latest info, but it's not a project we're changing that much atm so svg is a good stopgap
👍 2
👍🏽 1
I saw in that issue that you were considering using selenium to render kedro viz and then press on the "export" button 😮
t

Tynan

09/08/2023, 8:57 AM
yes indeed, that was one idea we had, since that logic lives only in the frontend
y

Yolan Honoré-Rougé

09/08/2023, 9:19 PM
I had the same idea of exporting the graph through the CI. I'd love to be able to render it in a README automatically to help documenting the pipelines. It seems this is not possible only in the backend. Maybe another thing to consider would be to export the dag as json, and convert it in png with a dedicated library? This would be quite ugly though...
🙌 1
n

Nok Lam Chan

09/11/2023, 12:35 PM
The pipeline/node view can be made static, which is something that we are working on. In the future you may be able to just run it on CI and get it hosted as a static site on GH Page. It may be better than a PNG in README in some cases.
👍 1
But if you need the “kedro style” of pipeline view, there is no way to get around with JS. It has to be rendered with JS first, be it a headless selenium screenshot or you just clicking the “export” button manually.
i

Iñigo Hidalgo

09/11/2023, 12:51 PM
What's the difference between the kedro style of view vs the pipeline/node view? is the pipeline/node view essentially this? https://tynandebold.com/kedro-viz-layout/
n

Nok Lam Chan

09/11/2023, 1:10 PM
more or less the same