Kedro-Viz and Static Embedding
Hello, I am workin...
# questionsi
Iñigo Hidalgo
09/08/2023, 8:28 AMKedro-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 AMwondering if this is related to https://github.com/kedro-org/kedro-viz/issues/638 ?
🤔 1
i
Iñigo Hidalgo
09/08/2023, 8:37 AMsvg 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 AMin 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
Tynan
09/08/2023, 8:41 AMlet 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 AMThanks 🙂 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ñigo Hidalgo
09/08/2023, 8:50 AMI 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 AMyes indeed, that was one idea we had, since that logic lives only in the frontend
y
Yolan Honoré-Rougé
09/08/2023, 9:19 PMI 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 PMThe 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
Nok Lam Chan
09/11/2023, 12:38 PMBut 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 PMWhat'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 PMmore or less the same