1. load datasource through ajax
  2. center on selected node
  3. color-coded chart
  4. collapse nodes by default
  5. expand descendants to a given depth
  6. bottom to top
  7. left to right
  8. right to left
  9. drag and drop
  10. edit chart
  11. edit hybrid chart
  12. export chart as a picture
  13. export chart with pictures
  14. export chart as a PDF
  15. filter node
  16. getHierarchy() method
  17. getFlatDatasource() method
  18. integrate orgchart with map info
  19. local datasource
  20. flat datasource with parent_id
  21. load data on-demand
  22. createNode callback
  23. pan and zoom the chart
  24. navigate the chart with minimap
  25. refresh orgchart with new options
  26. report path
  27. toggle sibling nodes respectively
  28. ul datasource
  29. hybrid(horizontal + vertical) chart
  30. responsive design
  31. template for internal structure of node
  32. Highlight related nodes
  33. position node in specific level
  34. nodes of different widths
  35. render 10,000 nodes
  36. drag&drop in hybrid chart
  37. create hybrid chart with data prop "hybrid"
  38. use fontawesome icons instead of built-in icons
  39. layout for children which is too many
  40. visualize genealogy/pedigree/family tree information
  41. family tree from flat records
  42. family tree with custom properties
  43. mixed options: hybrid layout, visible depth, sibling toggles, pan, zoom and minimap
  44. mixed options: compact layout, drag and drop criteria, pan and zoom
  45. mixed options: horizontal layout, custom fields, template, icons and sibling toggles
  46. mixed options: bottom-to-top layout, custom fields, styling, pan, zoom and PDF export