Diagram - Basic Diagram is generic component to create visual elements and connect them on a web page. SVG is used on modern browsers and VML on IE 8 and below. Component is highly flexible in terms of api, events and theming.
A
B
C
<p:diagram value="#{diagramBasicView.model}" style="height:400px" styleClass="ui-widget-content" />


/* Demo CSS */
<style type="text/css">
    .ui-diagram-element {
        border:0.1em dotted #d4e06b; 	
        width:14em; 
        height:4em; 	
        line-height:4em;
        text-align: center;
    }
</style>
                
PrimeTek, Copyright © 2015
All rights reserved.
Running PrimeFaces-6.0.12 on Mojarra-2.2.8.