Revamped Pipeline visualization in Jenkins

[system]

We’re excited to announce a major update to the Pipeline Graph View plugin - a complete redesign that introduces a modern, user-focused interface that enhances pipeline visualization, customization, and performance.

So what’s new?

The plugin has been completely rebuilt with a clean, modern interface using the latest version of React. We’ve put a lot of effort into simplifying the plugin’s structure - switching from Webpack to Rspack, moving to Vite, and replacing class-based components with modern function components. These changes made the codebase easier to maintain and work with, and we removed thousands of lines of code along the way to boost both maintainability and performance.

The interface, with new components from the Jenkins Design Library, has been thoughtfully redesigned to offer a smoother, more intuitive experience. The plugin now supports full-page scrolling - eliminating the need for nested scroll areas - along with sticky headings for better context. The pipeline graph can be panned and zoomed, allowing users to explore complex pipelines with ease. Subtle, delightful animations enhance usability without getting in the way. Stage progress is now clearly visible, and loading skeletons provide immediate visual feedback, resulting in a more stable and responsive experience.

The new interface combines the Pipeline graph, stages, and logs into a single, streamlined layout. You can inspect a stage, follow its execution, and read its output - all in one place.

The Pipeline graph appears on top by default, but you can move it to the left to better suit ultrawide displays. Columns can be resized and hidden, and layout preferences are saved automatically.

We’ve made significant behind-the-scenes improvements to how stages and logs are fetched and rendered. The new plugin loads faster, scrolls smoother, and handles larger pipelines more gracefully.

Available now 🚀

The new Pipeline Graph View is available now for users on Jenkins 2.479.3 and later.

If you haven’t installed the plugin already, be sure to download it through the Plugins section of your Jenkins controller to experience the update.

If you want to get involved in the UI and UX discussions of Jenkins join the User Experience SIG.

Take advantage of new components and patterns in your plugin via the Design Library.

You can watch our monthly meetings on YouTube and you can view in-progress work on GitHub.

---

This is a companion discussion topic for the original entry at https://www.jenkins.io/blog/2025/05/02/pipeline-graph-view

[timja (Tim Jacomb)]

It looks amazing thanks @janfaracik and Lewis for the amazing work.

If anyones got any feedback it would be great to hear, either here or in issues for the plugin: GitHub - jenkinsci/pipeline-graph-view-plugin

[ysmaoui (Yacine Smaoui)]

Thanks for the updated plugin. Looks nice

One wish I had and still have for the visualisation of pipelines: is it possible to export a standalone html for the pipeline graph and logs? Something that can be exported as an artifact and that can be browsed outside of jenkins?

Use-case: we try to keep artifacts outside of jenkins, which means build history is deleted very often. But it would be very helpful to have a way to visualize a pipeline run outside of jenkins if the build was deleted from jenkins

[Artalus]

Tremendous kudos for displaying “on which node was this executed”; been waiting for this feature from BlueOcean for about 6 years I think
Line numbering starting at 0 made me chuckle tho

[Giovanni]

Hi,
This is great! Thanks a lot you guys!.
I have noticed that by enabling the option “Show pipeline graph on job page” in the “Appearance” section it appears in the main job section as well and it shows all the runs!.
Unfortunately it appears below the classic representation in table format. Is there a way to disable the classic one and move this one on top?.
Moreover, when displayed like this it does not show all the stages, at least with my pipeline the last 3 stages are squashed in to one, is there an option to disable this and have all the stages?.

Thanks a lot again for your amazing work!.

[mawinter69 (Markus Winter)]

Do you mean the table from Pipeline: Stage View plugin? The latest release introduced a system property that allows to disable the stage view on job level

[Giovanni]

Thanks a lot @mawinter69, I have found the option!.

I do not know if anyone can come with an option to display all the stages on the Pipeline Graph View and not squash the last ones together or it is something that needs to be added as part of future developments.

Here an example:

As you can see there is a lot of space but still the last stages are squashed together.