Example of Overview Panel in Angular Diagram Component

This sample visualizes an organizational structure along with an overview for easily navigating the large organizational structure using Overview Panel.

Maria AndersManaging DirectorAna TrujilloProject ManagerAnto MorenoProject LeadThomas HardySenior S/w EnggChristina kaffS/w EnggHanna MoosProject TraineePeter CiteauxS/w EnggMartín KlossProject TraineeElizabeth MaryProject TraineeVictoria AshSenior S/w EnggFrancisco YangSenior S/w EnggYang WangProject ManagerLino RodriProject ManagerJanine LabruneProject LeadHoward SnyderProject LeadPhilip CramerSenior S/w EnggElizabeth RoelS/w EnggPedro AfonsoProject TraineeNardo BatistaProject LeadGeorg PippsSenior S/w EnggLúcia CarvalhoSenior S/w EnggHorst KlossProject TraineeSergio roelCSRPaula WilsonCSRMauri MoroniSenior S/w EnggJanete LimeiraProject TraineeMichael HolzS/w EnggCarine SchmittProject ManagerAnn DevonProject ManagerRoland MendelProject LeadAria CruzSenior S/w EnggMaria LarssonProject TraineeDiego RoelProject TraineePeter FrankenProject TraineeMartine RancéS/w EnggHelen BennettProject LeadPaolo AccortiProject LeadEduardo RoelSenior S/w EnggJosé Pedro Senior S/w EnggAndré FonsecaSenior S/w EnggHoward SnydS/w EnggManu PereiraProject TraineeMario PontesS/w EnggCarlos SchmittProject TraineeYoshi LatimerProject TraineePatricia KennaProject TraineeArt NancySenior S/w EnggDaniel ToniniProject ManagerAnnette RoelProject LeadYoshi WilsonSenior S/w EnggRene PhillipsS/w EnggYvonne WongProject TraineeYoshi KennaProject TraineeHelen MarieProject TraineeJoseph KaffProject TraineeJohn SteelProject LeadRenate JoseSenior S/w EnggJaime YorresSRCarlos NagySRFelipe KlossS/w EnggFran WilsonSRJohn RovelliS/w EnggCatherine KaffSRJean FresnièreProject TraineeAlex FeuerProject TraineeSimon RoelProject TraineeAlej CaminoProject ManagerJonas BergsenProject LeadMiguel AngelSenior S/w EnggJose PavarottiProject TraineeJytte PetersenSenior S/w EnggLiz NixonSenior S/w EnggPascal CartrainProject LeadKloss PerrierProject LeadLiu WongProject ManagerKarin JosephsProject LeadRuby Anabela Senior S/w EnggPalle IbsenSenior S/w EnggPirkko KingSenior S/w EnggHelvetis NagyProject TraineeMary SaveleySRPaul HenriotSRRita MüllerSRPaula ParenteSenior S/w EnggKarl JablonskiS/w EnggMatti KennaProject TraineeRobert KingSenior S/w EnggLaura CallahanCSRIsabel CastroProject TraineeRene PhillipsProject TraineeLúcia CarvalhoProject TraineeHorst KlossProject TraineeSimon RoelProject LeadNardo BatistaProject TraineeZbyszek YangProject TraineeAnneCSRNancyProject LeadGeorg PippsSenior S/w Engg
Description

This example shows how to render the overview panel and how to display a preview (overall view) of the entire content of a diagram. This helps you look at the overall picture of a large diagram and also to navigate (pan or zoom) to a particular position of the page. The sourceID property can be used to map the diagram control with overview.