LogVisualizer

React + Vite + Tailwind CSS + Python + FastAPI + eCharts A prototype web application that allows users to explore, filter, and visualize logs through a table view and a chart view. Built for fast development and responsive UX, this tool supports real-time log filtering, severity-based categorization, and time-based aggregation.

Getting Started

Backend Setup

1. Install dependencies

Python 3.10

pip install -r requirements.txt

2. Start the backend server

uvicorn main:app --reload

The backend will be available at: http://localhost:8000

Frontend Setup

1. Navigate to the frontend directory

cd frontend

2. Install dependencies

Node.js v20.18.3

npm install

3. Start the development server

npm run dev

Open your browser at: http://localhost:5173

Tech Stack

Frontend

• React – Component-based architecture and strong ecosystem.
• Vite – Fast dev server and optimized production build.
• Tailwind CSS – Utility-first styling for rapid UI development. Version 3.4 selected to avoid compatibility issues.
• ECharts – Customizable and performant data visualization. JavaScript version used here.

Backend

• FastAPI – High-performance API framework with modern Python typing.
• Uvicorn – ASGI server (asynchronous) for FastAPI.

License

There is no license, feel free to use!