https://github.com/sheel-ui/graphviz-frontend

Seamlessly upload SQL database files in CSV format via an intuitive frontend and query databases using natural language and dynamically visualize results as bar graphs, line graphs, or tables.
https://github.com/sheel-ui/graphviz-frontend

angularjs bootstrap5 graphical-visualization sql-data-analysis typescript

Last synced: 3 months ago
JSON representation

Seamlessly upload SQL database files in CSV format via an intuitive frontend and query databases using natural language and dynamically visualize results as bar graphs, line graphs, or tables.

• Host: GitHub
• URL: https://github.com/sheel-ui/graphviz-frontend
• Owner: Sheel-ui
• Created: 2024-03-18T03:39:21.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-19T14:58:25.000Z (about 1 year ago)
• Last Synced: 2025-01-14T17:33:12.755Z (4 months ago)
• Topics: angularjs, bootstrap5, graphical-visualization, sql-data-analysis, typescript
• Language: TypeScript
• Homepage: https://github.com/Sheel-ui/graphviz-frontend/blob/main/demo/demo1.gif
• Size: 2.48 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Graphviz: SQL Database Visualization Tool

This is the frontend component of the Graphviz project. 

To enable backend functionality, a separate service needs to be initiated. GitHub repository for the backend - [graphviz-backend](https://github.com/Sheel-ui/graphviz-backend)

## Installation

1. Clone this repository:

   ```bash

   $ git clone https://github.com/Sheel-ui/graphviz-frontend.git

2. Navigate to the project directory:

   ```bash

   $ cd graphviz-frontend

   ```

3. Install dependencies:

   ```bash

   $ npm install

   ```

## Usage

To start the development server, run:

```bash

$ ng serve

```

This will start the server at `http://localhost:4200/` by default.

# Demo

![Alt Text](./demo/demo1.gif)

![Alt Text](./demo/demo2.gif)