OrgChart Now Overview
OrgChart Now can quickly assemble organisational charts from your HR data or company directory, and because it’s web based, OrgChart Now makes sharing up‑to‑date charts with your colleagues almost effortless.
Why OrgChart Now?
Most organisations use tools such as Visio, PowerPoint and Excel to analyze their workforce data and create org charts. Creating and sharing detailed charts with these programs is a time consuming and painful experience.
OrgChart Now helps you by giving you tools to quickly and easily create professional quality charts and perform in‐depth workforce analysis. Instantly highlight vacancies or contract positions even if your chart contains thousands of boxes. The ROI is simple – you save staff time, gain valuable insights into your workforce, and better align your company to your goals.
OrgChart Now Feature Summary
Select a plan to view its available features.
display: block;
}
.table-mobile {
display: none;
}
.table {
text-align: center;
margin-bottom: 0 !important;
}
.table-wrapper {
display: inline-block;
width: 83.33%
}
.table-row {
display: flex;
}
.table-col-3, .table-col-4, .table-col-12 {
display: inline-block;
text-align: left;
float: left;
box-sizing: content-box;
}
.table-col-3 {
width: 30%;
}
.table-col-4 {
width: 40%;
}
.table-col-12 {
width: 100%;
}
.table-col-head {
padding: 25px 0;
border: solid 1px #e1e4eb;
border-bottom: none;
border-radius: 25px 25px 0 0;
}
.table-col-heading {
margin: 0;
text-align: center;
}
.table-col-break {
background: #ffffff;
border-left: solid 1px #e1e4eb;
border-right: solid 1px #e1e4eb;
height: 15px;
}
.table-col-foot {
display: flex;
padding: 25px 0;
border: solid 1px #e1e4eb;
border-top: none;
border-radius: 0 0 25px 25px;
}
.table-button {
width: 100%;
padding: 12px 24px;
margin: 0 25px;
color: #ffffff;
font-size: 21px;
font-weight: 700;
text-align: center;
background-color: #d33613;
border-radius: 30px;
cursor: pointer;
}
.table-button:hover {
color: #ffffff;
}
.table-button > span {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.table-button.button-arrow-fade.arrow-white::after {
display: inline-block;
}
.accordion-tab {
position: relative;
}
input.accordion-toggle {
position: absolute;
opacity: 0;
margin: 0;
}
input.accordion-toggle:hover + .accordion-label, input.accordion-toggle:checked:hover + .accordion-label {
color: #ffffff;
background-color: #134083;
}
input.accordion-toggle:hover + .accordion-label > h5 {
color: #ffffff;
}
input.accordion-toggle:checked + .accordion-label {
color: #ffffff;
background-color: #1655b2;
}
input.accordion-toggle:checked + .accordion-label > h5 {
color: #ffffff;
}
input.accordion-toggle:checked + .accordion-label::before {
content: ‘–’;
vertical-align: -2px;
}
input.accordion-toggle:checked ~ .table-tab-content {
max-height: 200vh;
}
.accordion-label {
display: block;
background-color: #F1FCFF;
border-radius: 15px 0 0 15px;
padding: 15px 25px;
text-align: left;
cursor: pointer;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.accordion-label::before {
content: ‘+’;
font-size: 30px;
line-height: 0;
padding-right: 18px;
vertical-align: -4px;
}
.accordion-label > h5 {
display: inline-block;
font-size: 18px;
font-weight: 700;
margin: 0;
}
.table-tab-content {
max-height: 0;
font-size: 16px;
line-height: 1.5;
overflow: hidden;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.table-row > .accordion-col-left {
padding: 1.5em 15px 0 0;
}
.table-row > .accordion-col-right {
display: flex;
padding: 25px 0 0 0;
margin: 0 0 0 15px;
align-items: flex-start;
justify-content: center;
background: #ffffff;
border-right: solid 1px #e1e4eb;
border-left: solid 1px #e1e4eb;
}
.table-tab-content > .table-row:last-child > div {
padding-bottom: 30px;
}
img.table-checkmark {
width: 20px;
}
.content-copy {
position: relative;
left: 60px;
padding-right: 45px;
margin: 0 !important;
font-weight: 700;
}
.content-caption {
position: relative;
left: 60px;
padding-right: 45px;
margin: 0 !important;
font-size: 12px;
line-height: 1.5;
}
@media screen and (max-width: 991px) {
.table-wrapper {
width: 100%;
}
.table-button {
margin: 0 15px;
font-size: 18px;
}
}
@media screen and (max-width: 800px) {
.table-desktop {
display: none;
}
.table-mobile {
display: block;
}
.table-col-4 {
width: 75%;
}
.table-col-3 {
width: 25%;
}
.accordion-tab {
margin-top: 10px;
}
.accordion-label {
border-radius: 15px;
}
.table-row > .accordion-col-right {
justify-content: right;
border: none;
}
img.table-checkmark {
width: 16px;
}
.content-copy, .content-caption {
left: 0;
}
.table-button.button-arrow-fade {
padding: 14px 0 12px 0;
margin: 0 10px;
}
}
/* === */
/* Tab */
/* === */
.tabset .tab-panel {
display: none;
}
input[name=”tabset”]#tab-premium, input[type=”radio”]#tab-enterprise {
position: absolute;
opacity: 0;
margin: 0;
}
input#tab-premium:checked ~ .tab-panels > #tab-premium-content.tab-panel {
display: block;
}
input#tab-enterprise:checked ~ .tab-panels > #tab-enterprise-content.tab-panel {
display: block;
}
label.table-tabs {
display: inline-block;
width: calc(50% – 5px);
padding: 15px 0;
color: #191f21;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
text-align: center;
box-shadow: 0 0 0 1px inset #e1e4eb;
border-radius: 15px;
float: left;
cursor: pointer;
}
label.table-tabs[for=”tab-premium”] {
margin-right: 5px;
}
label.table-tabs[for=”tab-enterprise”] {
margin-left: 5px;
}
input[name=”tabset”]:checked + label {
color: #1655b2;
box-shadow: 0 0 0 2px inset #1655b2;;
}
Premium
Enterprise
Secure & Easy
Users (read/write or admins)
Unlimited read-only users
Same-day technical support
Works in your browser
No plugins/nothing to install
Works on Mac & PC
TLS/SSL (HTTPS)
Single sign on
Scalable
Multi-factor authentication (MFA)
Create & Maintain
Use drag & drop tools
Import wizard
Create charts from external data
Cloud connectors
Import data directly from your HR System
One-click data refresh
Update your charts in seconds, not hours
Built-in template library
Over 30 professional quality templates
Include employee photos
Customise presentations
Show/hide fields on a box‑by‑box basis
Break charts into multiple pages
Conditional formats
Use data-driven rules to format your charts
Add custom calculations
Add logos, tables, legends, 9‑box grids, & labels to your charts
Combine data from multiple sources
Scheduled data refresh
Automatically synchronise with external data at a set time
SFTP drop folder
For easy upload of photos/data
Chart Builder
Create charts from external data and then customise as needed
Dynamic filters & highlights
Show, hide, or highlight boxes in real-time (e.g. hide contract employees)
Share & Collaborate
Publish to formats including PDF, PPT, PNG, JPG, and SVG
Embed live charts into your website, portal, or intranet
Export data to Excel
Role-based access control (RBAC)
Control who has access to any given chart
Row-level security
Restrict access to sensitive fields
Branch-level security
Restrict access to chart branches
Collaborative workforce planning
Multiple users can collaborate in real‑time
Point-in-time charts
Access historical charts
Secure & Easy
Users (read/write or admins)
Unlimited read-only users
Same-day technical support
Works in your browser
No plugins/nothing to install
Works on Mac & PC
TLS/SSL (HTTPS)
Single sign on
Scalable
Multi-factor authentication (MFA)
Create & Maintain
Use drag & drop tools
Import wizard
Create charts from external data
Cloud connectors
Import data directly from your HR System
One-click data refresh
Update your charts in seconds, not hours
Built-in template library
Over 30 professional quality templates
Include employee photos
Customise presentations
Show/hide fields on a box‑by‑box basis
Break charts into multiple pages
Conditional formats
Use data-driven rules to format your charts
Add custom calculations
Add logos, tables, legends, 9‑box grids, & labels to your charts
Combine data from multiple sources
Scheduled data refresh
Automatically synchronise with external data at a set time
SFTP drop folder
For easy upload of photos/data
Chart Builder
Create charts from external data and then customise as needed
Dynamic filters & highlights
Show, hide, or highlight boxes in real-time (e.g. hide contract employees)
Share & Collaborate
Publish to formats including PDF, PPT, PNG, JPG, and SVG
Embed live charts into your website, portal, or intranet
Export data to Excel
Role-based access control (RBAC)
Control who has access to any given chart
Row-level security
Restrict access to sensitive fields
Branch-level security
Restrict access to chart branches
Collaborative workforce planning
Multiple users can collaborate in real‑time
Point-in-time charts
Access historical charts
Secure & Easy
Users (read/write or admins)
Unlimited read-only seats
Same-day technical support
Works in your browser
No plugins/nothing to install
Works on Mac & PC
TLS/SSL (HTTPS)
Single sign on
Scalable
Multi-factor authentication (MFA)
Create & Maintain
Use drag & drop tools
Import wizard
Create charts from external data
Cloud connectors
Import data directly from your HR System
One-click data refresh
Update your charts in seconds, not hours
Built-in template library
Over 30 professional quality templates
Include employee photos
Customise presentations
Show/hide fields on a box‑by‑box basis
Break charts into multiple pages
Conditional formats
Use data-driven rules to format your charts
Add custom calculations
Add logos, tables, legends, 9‑box grids, & labels to your charts
Combine data from multiple sources
Scheduled data refresh
Automatically synchronise with external data at a set time
SFTP drop folder
For easy upload of photos/data
Chart Builder
Create charts from external data at a set time
Dynamic filters & highlights
Show, hide, or highlight boxes in real-time (e.g. hide contract employees)
Share & Collaborate
Publish to formats including PDF, PPT, PNG, JPG, and SVG
Embed live charts into your website, portal, or intranet
Export data to Excel
Role-based access control (RBAC)
Control who has access to any given chart
Row-level security
Restrict access to sensitive fields
Branch-level security
Restrict access to chart branches
Collaborative workforce planning
Multiple users can collaborate in real‑time
Point-in-time charts
Access historical charts
jQuery(document).ready(function() {
jQuery(‘.button-quote’).click(function() {
console.log(‘Quote btn clicked’);
jQuery(‘.QuoteOCN’).modal(‘show’);
jQuery(‘.QuoteOCN’).addClass(‘in’);
});
});
What Our Customers Say About OrgChart
For over ten years Fortune 500 companies such as Google, IBM, and Sales Force have reaped the benefits of our technology. Here’s what a few users have to say about working with OrgChart solutions:
width: 100%;
height: 100%;
padding: 70px 30px 80px 0;
overflow: visible;
}
img.swiper-open-quote {
width: 100%;
max-width: 80px;
position: absolute;
top: 20px;
left: -62px;
z-index: 5;
}
.swiper-gradient {
width: 105vw;
height: 100%;
position: absolute;
top: 0;
right: -50vw;
background: rgb(241,252,255);
background: linear-gradient(180deg, rgba(241,252,255,1) 60%, rgba(255,246,243,1) 116%);
border-radius: 25px 0 0 25px;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 45px 45px 100px 45px;
color: #4a5456;
font-size: 16px;
line-height: 1.5;
background-color: #ffffff;
border: solid 1px #e1e4eb;
border-radius: 25px;
box-shadow: 0 10px 30px rgba(74,84,86,0.1);
}
.testimonials-name {
position: absolute;
bottom: 0;
margin-bottom: 45px !important;
color: #191f21;
font-size: 18px;
font-weight: 700;
line-height: 36px;
}
.testimonial-label {
font-weight: 400;
}
@media screen and (max-width: 1399px) {
img.swiper-open-quote {
left: 45px;
}
}
@media screen and (max-width: 767px) {
.swiper-testimonials {
padding: 70px 30px 0 0;
}
.swiper-slide {
padding: 40px 25px 60px 25px;
}
img.swiper-open-quote {
left: 25px;
}
.swiper-gradient {
display: none;
}
p.testimonials-name {
font-size: 16px !important;
margin-bottom: 25px !important;
}
}
var swiper = new Swiper(“.swiper-testimonials”, {
spaceBetween: 30,
speed: 500,
freeMode: true,
pagination: {
el: “.swiper-pagination”,
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1.15,
},
768: {
slidesPerView: 2.15,
}
}
});
