View source for OrgChart JS

{| cellspacing="0" cellpadding="0" style="margin: 0.5em 0 0.5em 1em; {{border-radius|5px}}; {{box-shadow|0px|1px|3px|#878787}}; float: right; clear: right;" width="256"
| style="padding: 0.4em; border-radius: 5px 5px 0px 0px; background: radial-gradient(ellipse at 100px center, #5A6169, #2D3236); background-color:gray; text-align:center; font-size:125%; font-weight:bold;" |<span style="color:White">Infocard
</span>
|-
| style="margin: 0.5em 0 0.5em 1em; padding: 0.4em;" |
{|
| colspan="2" align="center" |<span class="plainlinks">[https://cdn.balkan.app/shared/screenshot-orgchart-js.png <img width="400" src="https://cdn.balkan.app/shared/screenshot-orgchart-js.png">]</span>
|-
| align="right" valign="top" | '''Target Platform:  ''' ||  Windows
|-
| align="right" valign="top" | '''Version:  ''' || <nowiki>7.6.13</nowiki>
|-
| align="right" valign="top" | '''Release Date:  ''' || December 4, 2020
|-
| align="right" valign="top" | '''License:  ''' ||  Shareware
|-
| align="right" valign="top" | '''Price:  ''' ||  USD 399
|-
| align="right" valign="top" | '''Publisher:  ''' || <nowiki>BALKANGraph</nowiki>
|-
| align="right" valign="top" | '''Product Web Site:  ''' || [[https://balkangraph.com/ External Link]]
|}
|}

{|
|<div style="background-color: #DDD; border: 1px solid #999; padding: 1em; margin: 0.5em; border-radius: 2em;"><nowiki>JavaScript organizational chart</nowiki></div>
|}
{|
|<div style="background-color: #fff8dc; border: 1px solid #cd853f; padding: 1em; margin: 0.5em; border-radius: 2em;">[[File:Green Down Arrow-48x48.png|link=https://balkangraph.com/OrgChartJS/Download/DownloadEvaluate]] [[https://balkangraph.com/OrgChartJS/Download/DownloadEvaluate <nowiki>Download OrgChart JS ver. 7.6.13</nowiki>]]
|70 Kb</div>
|}
== Description by the Publisher ==

<nowiki>OrgChart JS is designed for making neat flowcharts using HTML5, CSS, and JavaScript. Using server-side components, developers can implement a specially crafted editing interface. To create unique appearance for your app, you can make use of a set of default skins and color palettes or make your own set. If your users work with big diagrams, a search field which allows finding a particular item will serve as a handful tool. </nowiki><br/>
<nowiki>The edit mode makes it easy to create and edit diagram items. All you have to do is type a name, title, some additional info, and OrgChart JS will create or edit the item and rebuild your diagram automatically. If you work with a big data set, you can collapse your diagram leaving only the part you are working with. OrgChart JS has a zooming and scrolling features One of the best things about OrgChart JS is that it does not require any special programming skills due to simple configuration syntax.</nowiki><br/>
<nowiki>OrgChart JS features the ability to build organization charts of any complexity. An organizational chart represents the most natural way of displaying the hierarchical structure of an organization. You can use it to show the structure of a company, business, or project team. </nowiki><br/>
<nowiki>OrgChart JS  allows you to export your chart/diagram to PDF, PNG, CSV or SVG using our export service. You could also install your own export service.</nowiki><br/>
<nowiki>OrgChart JS component consists of nodes and connectors. You can use nodes of some particular type: just textual, with an image or any other custom HTML and SVG elements, or create your own. Creation of a unique style for your diagram will be easy. The look and behavior are fully customizable, so you can set up any appearance you need via CSS or object properties.</nowiki><br/>
<nowiki>You can easily integrate this OrgChart JS  library in any web app. It supports the data loading in the JSON format, and can be used with any server-side back-end.</nowiki><br/>
<nowiki>OrgChart JS supports unlimited number of sub trees in one chart object and two states of a node.</nowiki>

== Limitations in the Downloadable Version ==

<nowiki>trial</nowiki>

== Product Identity ==
Unique Product ID: PID-F00023ECDBC6 

Unique Publisher ID: BID-E000E03B9BC6

[[https://repository.appvisor.com/info/app-f00023ecdbc6/OrgChart_JS_pad.xml OrgChart JS PAD XML File]]

== Category ==
[[Category:Web Development::HTML Tools]]