CSV Binary Tree Visualizer

A web application for visualizing binary trees constructed from CSV data. This project allows users to upload CSV files, define tree structures, and visualize hierarchical relationships.

📌 Features

• Upload and parse CSV files
• Define parent-child relationships in data
• Visualize binary tree structures
• Interactive tree manipulation
• Real-time updates and validation

🚀 Getting Started

Prerequisites

• Node.js (v16+)
• npm

Installation

1. Clone the repository:

git clone https://github.com/yourusername/csv-binary-tree-visualizer.git

2. Install dependencies:

npm install

3. Create environment file:

cp .env.local.example .env.local

4. Set your Gemini API key in .env.local:

GEMINI_API_KEY=your_api_key_here

Development

Run the app in development mode:

npm run dev

The application will be available at http://localhost:3000

📁 Project Structure

├── components/               # React components
├── utils/                    # Utility functions
├── App.tsx                   # Main application component
├── index.html                # Entry point for the app
├── index.tsx                 # React entry point
├── metadata.json             # Project metadata
├── package.json              # Dependencies and scripts
├── tsconfig.json             # TypeScript configuration
└── vite.config.ts            # Vite build configuration

📝 Usage

1. Navigate to http://localhost:3000
2. Use the file upload component to select your CSV file
3. Define tree relationships using the configuration form
4. View and interact with the generated binary tree visualization

💡 Contributing

1. Fork the repository
2. Create a new branch for your feature
3. Commit your changes
4. Push to the branch
5. Submit a pull request

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

🧪 Testing

Run unit tests with:

npm run test

📦 Deployment

Deployment instructions coming soon...