Drupal is a registered trademark of Dries Buytaert
drupal 11.3.6 Update released for Drupal core (11.3.6)! drupal 10.6.6 Update released for Drupal core (10.6.6)! cms 2.1.0 Update released for Drupal core (2.1.0)! bootstrap 8.x-3.40 Minor update available for theme bootstrap (8.x-3.40). menu_link_attributes 8.x-1.7 Minor update available for module menu_link_attributes (8.x-1.7). editoria11y 2.2.22 Minor update available for module editoria11y (2.2.22). ai 1.2.13 Minor update available for module ai (1.2.13). ai 1.3.2 Minor update available for module ai (1.3.2). moderated_content_bulk_publish 2.0.51 Minor update available for module moderated_content_bulk_publish (2.0.51). moderated_content_bulk_publish 2.0.50 Minor update available for module moderated_content_bulk_publish (2.0.50). editoria11y 2.2.21 Minor update available for module editoria11y (2.2.21). eca 3.1.0 Minor update available for module eca (3.1.0). sophron 3.1.1 Minor update available for module sophron (3.1.1). ai 1.3.1 Minor update available for module ai (1.3.1). seven 2.0.0-beta6 New beta version released for theme seven (2.0.0-beta6). seven 1.0.1-beta1 First beta version released for theme seven (1.0.1-beta1). ui_patterns 8.x-1.15 Minor update available for module ui_patterns (8.x-1.15). layout_paragraphs 3.0.0-beta1 First beta version released for module layout_paragraphs (3.0.0-beta1). raven 7.3.8 Minor update available for module raven (7.3.8). bamboo_twig 6.0.7 Minor update available for module bamboo_twig (6.0.7).

The Webform Fields Chart module generates Mermaid chart definitions from the fields in a Drupal webform, enabling the visualisation of dependencies and conditional relationships between webform elements.

Note: At present, the module does not render Mermaid charts directly within Drupal. It outputs Mermaid chart syntax, which can then be used in a separate Mermaid visualisation tool.

Features

Outputs Mermaid charts that include Webform pages, fields, conditions.

Post-Installation

1. Create a Webform:
- Navigate to Structure > Webforms and create a new webform.

2. Generate Chart:
- Go to the specific webform's page by clicking on it in the list.
- Click on the Chart tab to view the Mermaid chart definition based on the webform.

3. View Chart:
- Copy and paste the Mermaid chart definition into a Mermaid Charts visualizer, e.g.
(https://mermaid.live)

Additional Requirements

This module requires the following modules:

- Webform
- Webform Conditions

Activity

Total releases
2
First release
Apr 2026
Latest release
17 hours ago
Release cadence
0 days
Stability
50% stable

Releases

Version Type Release date
1.0.0 Stable Apr 8, 2026
1.0.x-dev Dev Apr 8, 2026