<
DHTMLX Diagram 6.1 with a New PERT Mode and More Flexible Diagram Editor Configuration

JavaScript PERT Diagram for Project Planning

Manage tasks within a project by combining DHTMLX Gantt with a PERT chart (part of the DHTMLX Diagram). Visualize your project timeline diagram, apply effective project planning techniques, and leverage a task dependency diagram with modern network planning tools.

View demo on desktop
NCI
Deutsche Bank
Siemens
Apple
Airbus
Embraer
Hilton
Tele2
Aprika
FedEx
GanttPro
Oracle
Amazon
Accenture
IBM
Cisco
Intel
Nasa
ABB
Capgemini
BBC News
NCI
Deutsche Bank
Siemens
Apple
Airbus
Embraer
Hilton
Tele2
Aprika
FedEx
GanttPro
Oracle
Amazon
Accenture
IBM
Cisco
Intel
Nasa
ABB
Capgemini
BBC News
Thousands of projects around the world are visualized and managed with the help of DHTMLX widgets.
Capterra Shortlist 2024
GetApp Category Leaders 2024
Software Advice Front Runners 2024
Best Meets Requirements
High Performer EMEA
Users Most Likely To Recommend
Easiest to Use

Generate Professional-Looking PERT Charts with DHTMLX

Simplified visualization of complex projects

A PERT diagram depicts complex projects by breaking them down into manageable tasks and milestones. The component allows project managers to easily identify dependencies between tasks and accurately estimate the time required to complete the project from start to finish.

Smooth integration with DHTMLX Gantt

You can synchronize the PERT diagram seamlessly with our JS Gantt component since they use matching data structures. This ensures a logical progression from early planning (PERT chart) to timeline-based task tracking (Gantt chart) within your web app.

Configurable PERT chart UI

DHTMLX PERT chart allows team members to add task descriptions, due dates, and assignees. Tasks can be grouped by a project and display the progress. You can set filtering and searching options as well as add a custom sidebar to display task details.

Flexible customization and theming

Using the rich DHTMLX Diagram API, you can fine-tune the appearance, structure, and behavior of PERT elements to match your project needs. This includes adapting task shapes, styles, interactions, and data formats for a truly tailored project visualization.

JavaScript PERT Chart Features

Developer-friendly DHTMLX Diagram API
Smooth synchronization with DHTMLX Gantt
Clean intuitive UI
Localization
Comprehensive documentation and online samples
Helpful tech support

Why Choose DHTMLX PERT Chart?

Improved risk management
With PERT diagrams, your users get clearer insights into task sequences and dependencies, making it easier to identify potential bottlenecks or risks in their projects. This approach helps to reduce delays and ensures timely project completion.
Seamless integration with DHTMLX Gantt
DHTMLX PERT charts integrate seamlessly with DHTMLX Gantt. End-users can switch between Gantt and PERT views without losing context, ensuring consistency across their project management workflows.
Feature-rich Diagram API
As part of DHTMLX Diagram, PERT charts inherit the component's flexible configuration capabilities, letting you adjust chart structure and behavior easily. With its extensive methods and configuration options, the Diagram API delivers comprehensive control over each diagram type.
Customizable and user-friendly
PERT diagrams are fully customizable, allowing you to tailor their look to suit your project needs. Thanks to the clear and intuitive interface, managing complex projects becomes straightforward for users of any skill level.
No external integrations
By combining DHTMLX Gantt with PERT charts, you avoid relying on third-party tools, as they are designed to work together natively. This integration ensures smooth project planning by loading the same dataset, using unified date formats, and synchronizing all task and link actions through built-in event handlers.
Start with a free trial
Try out PERT charts as part of the DHTMLX Diagram library free of charge for 30 days and start building fully customizable project workflows with ease. You’re also free to get help from the official technical support team.

DHTMLX Diagram Licensing (PERT Chart Included)

Combine with Gantt
at 20% off!
Individual
Total: $1038
Commercial
Total: $2158
Enterprise
Total: $4718
Ultimate
Total: $9438
Diagram (PERT
charts included) +
Gantt
your choice (20% off)
$1038 $2158 $4718 $9438
Diagram (PERT charts included)
$599 $1299 $2899 $5799
Gantt
$699 $1399 $2999 $5999
License Terms Read License Agreement Read License Agreement Read License Agreement Read License Agreement
Developers 1 5 20
Projects 1 1 5
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Standard Premium Premium Ultimate
Time Period 1 year 1 year 1 year 1 year
Updates Major, minor, and maintenance updates Major, minor, and maintenance updates Major, minor, and maintenance updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests 10 30 50
Response time 72h 48h 48h 24h
Personal Account Manager
Functionality
PRO PRO + 1 add-on PRO + 1 add-on PRO + 2 add-ons
Online export to PDF/PNG without watermark Free for 1 year Free for 1 year Free for 1 year Free for 3 years
Free local PDF/PNG export module
Combine with Gantt
at 20% off!
Individual
$1038
Diagram (PERT
charts included) + Gantt
20% off
$1038
Diagram (PERT charts included)
$599
Gantt
$699
License Terms Read License Agreement
Developers 1
Projects 1
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Standard
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 10
Response time 72h
Personal Account Manager
Functionality
PRO
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Commercial
$2158
Diagram (PERT
charts included) + Gantt
20% off
$2158
Diagram (PERT charts included)
$1299
Gantt
$1399
License Terms Read License Agreement
Developers 5
Projects 1
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 30
Response time 48h
Personal Account Manager
Functionality
PRO + 1 add-on
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Enterprise
$4718
Diagram (PERT
charts included) + Gantt
20% off
$4718
Diagram (PERT charts included)
$2899
Gantt
$2999
License Terms Read License Agreement
Developers 20
Projects 5
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Premium
Time Period 1 year
Updates Major, minor, and maintenance updates
Support requests 50
Response time 48h
Personal Account Manager
Functionality
PRO + 1 add-on
Online export to PDF/PNG without watermark Free for 1 year
Free local PDF/PNG export module
Ultimate
$9438
Diagram (PERT
charts included) + Gantt
20% off
$9438
Diagram (PERT charts included)
$5799
Gantt
$5999
License Terms Read License Agreement
Developers
Projects
Use in SaaS (unlimited end-users)
Source code
Perpetual distribution rights
Support Plan
Ultimate
Time Period 1 year
Updates
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Response time 24h
Personal Account Manager
Functionality
PRO + 2 add-ons
Online export to PDF/PNG without watermark Free for 3 years
Free local PDF/PNG export module
About
Explore DHTMLX Diagram
PERT charts are part of the DHTMLX Diagram library for creating clean project workflows with customizable shapes and connectors. Its robust API makes it ideal for building dynamic diagramming solutions.
Documentation
Use documentation
The Diagram documentation includes clear API references and practical walkthroughs that make it easy to configure your diagrams and integrate the library with React, Angular, and Vue.js.
Samples
Experiment with code snippets
You can build PERT charts and other diagrams online, test different JavaScript and HTML configurations, and share your snippets with colleagues or DHTMLX support.

AI Org Chart Builder

Explore the online demo where AI works with DHTMLX Diagram to
instantly generate structured organizational charts and diagrams
from your natural-language input.