Beautiful Tree Visualizations
for the Web

A highly customizable and lightweight library for creating stunning tree visualizations in React and vanilla JavaScript. Perfect for family trees, organizational charts, decision trees, and more.

Works with your favorite framework

⚛️React
🟨JavaScript
🔷TypeScript
React
Vue
Coming Soon
Angular
Coming Soon
JS
TS

Everything You Need for Tree Visualizations

TreeCharts provides a comprehensive set of features to create beautiful, interactive tree visualizations for any use case.

Multiple Tree Types

Support for direct connection, right-angle, curved edges, and all-direction trees

  • Direct Connection Trees
  • Right Angle Trees
  • Curved Edge Trees
  • All Direction Trees
  • Family Trees (Coming Soon)

Flexible Node Types

Various node shapes and styles to fit your visualization needs

  • Regular Nodes
  • Custom Shape Nodes
  • Nodes with Descriptions
  • Collapsible Nodes
  • Image Nodes

Extensive Customization

Customize every aspect of your tree visualization

  • Tree Titles
  • Action Buttons
  • Edge Customization
  • Tree Orientation
  • Themes & Colors