Organizational Chart

This page demonstrates the Organizational Chart extension.

A simple, responsive, hierarchical organization chart / family tree / site map implemented in pure CSS (no JavaScript or other dependencies).
It supports up to 5 levels where each level can have its own color, padding and font size. The breakpoint defines when the chart will switch to stacked view.

Company Tree

  1. CEO

    1. VP Operations

      1. Director of Logistics

        1. Director of Production

          1. Production Manager
            1. Supervisor
            2. Supervisor
          2. Quality Control Manager

        2. Warehouse Manager

          1. Shipping Supervisor
          2. Receiving Supervisor

        3. Inventory Manager

    2. VP Sales

      1. Regional Sales Director

        1. Sales Manager

          1. Sales Representative
          2. Sales Representative

        2. Sales Operations Manager

      2. Regional Marketing Director

        1. Marketing Manager

          1. Marketing Specialist
          2. Marketing Specialist

        2. Advertising Manager

Family Tree

  1. Charles

    1. William

      1. George

      2. Charlotte

      3. Louis

    2. Harry

      1. Archie

      2. Lilibet

The Organizational Chart Extension for WYSIWYG Web Builder is available at
https://www.wysiwygwebbuilder.com/organizationalchart.html