# light-chaser

**Repository Path**: xiaopujun/light-chaser

## Basic Information

- **Project Name**: light-chaser
- **Description**: Light Chaser(LC) 是一款基于React生态的大屏数据可视化设计器。通过简单的拖拽，即可生成漂亮、美观的可视化数据大屏和看板。
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://117.72.40.203/
- **GVP Project**: No

## Statistics

- **Stars**: 539
- **Forks**: 185
- **Created**: 2023-08-31
- **Last Updated**: 2025-09-25

## Categories & Tags

**Categories**: charting-components

**Tags**: 数据可视化, 大屏数据可视化, TypeScript, JavaScript, 蓝图

## README

[中文](README_ZH.md)

<h2> LIGHT CHASER</h2>

<p>
    <img alt="" src="https://img.shields.io/badge/version-v1.5.0-blue">
    <img alt="" src="https://img.shields.io/badge/TypeScript-blue">
    <img alt="" src="https://img.shields.io/badge/React-61daeb?logoColor=08CE5D">
    <img alt="" src="https://img.shields.io/badge/Vite-purple">
    <img alt="" src="https://img.shields.io/badge/Mobx-FFEB0B">
</p>

<p>Data visualization tools</p>

light chaser is an open-source high-performance, easy-to-extend, and powerful data visualization design tool, based on the React18, Vite5, and TypeScript5 technology stacks.
Through it you can simply and quickly produce data visualization related content. It can be used for large-screen data
visualization display , data reports, data analysis and other scenes

This project contains:

- A standard component editing panel
- An efficient blueprint editor for event interactions
- Rich component library

light chaser is built for data visualization and will continue to grow and improve!

# Catalogs

- [Document](#document)
- [Example](#example)
- [Usage & Deployment](#usage--deployment)
- [Contributing](#contributing)
- [License](#license)

# Document

For more information about the designer, please refer to it
[Document](https://xiaopujun.github.io/light-chaser-doc/#/)

# Example

You can visit [LIGHT CHASER online](https://xiaopujun.github.io/light-chaser-app/#) to experience it online, or you can
launch it locally with the code to experience it!

preview image：

![效果图1](https://s2.loli.net/2025/08/23/BO2AiFes7vwlkL6.jpg)

![效果图2](https://s2.loli.net/2025/08/23/qTlnx7LOWUKaYRA.jpg)

![效果图3](https://s2.loli.net/2025/08/23/IpBrYJAO4nyPGil.jpg)

![效果图4](https://s2.loli.net/2025/08/23/zREQuATd3GyCUvx.jpg)

![效果图5](https://s2.loli.net/2025/08/23/iOSYhAMQPGj5e3V.jpg)

# Usage & Deployment

If you need to start this project locally or build and deploy it to your own server, please refer to the following
commands:

- Clone the project to your local machine

```shell
git clone https://gitee.com/xiaopujun/light-chaser.git
```

- Install project dependencies

> Note: This project uses pnpm as the package management tool, so you need to install [pnpm](https://pnpm.io/) first
> ,if you have installed pnpm, you can skip this step

```shell
pnpm install
```

- Start the project

```shell
pnpm dev
```

- Access the project

```shell
http://localhost:5173
```

- Build the project

```shell
pnpm build
```

# Contributing

Feel free to dive in! Open an issue or submit PRs.

light chaser follows the Contributor Covenant Code of Conduct.

# Commercial considerations

1. This project follows the Apache 2.0 license, please keep the work statement
2. This program is for learning and communication purposes only, please be sure to obtain authorization for commercial use