# light-chaser

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

## Basic Information

- **Project Name**: light-chaser
- **Description**: Light Chaser(LC) 是一款基于React生态的大屏数据可视化设计器。通过简单的拖拽，即可生成漂亮、美观的可视化数据大屏和看板。

- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://xiaopujun.github.io/light-chaser-app/#
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 183
- **Created**: 2023-11-22
- **Last Updated**: 2023-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h2> LIGHT CHASER</h2>

<p>
    <img alt="" src="https://img.shields.io/badge/version-v0.0.3-blue">
    <img alt="" src="https://img.shields.io/badge/language-typescript-blue">
    <img alt="" src="https://img.shields.io/badge/license-MIT-08CE5D?logoColor=08CE5D">
    <img alt="" src="https://img.shields.io/badge/framework-React-61daeb?logoColor=08CE5D">
</p>

<p>数据可视化工具</p>

light chaser 是一款开源免费的数据可视化设计工具，基于 React 技术栈实现。 通过它，你可以简单快速地制作数据可视化相关内容。它可用于大屏幕数据 可视化展示、数据报告、数据分析等场景。

这个项目包含:

- 一个标准的组件编辑面板
- 一个用于事件交互的蓝图编辑器
- 丰富的组件、快捷键和扩展能力

light chaser 专为数据可视化而设计，并将不断发展和完善！

# 目录

- [文档](#文档)
- [样例](#样例)
- [部署和使用](#部署和使用)
- [贡献](#贡献)
- [License](#License)

# 文档

设计器详细内容请参考 [文档](https://xiaopujun.github.io/light-chaser-doc/#/)

# 样例

您可以访问 [light chaser online](https://xiaopujun.github.io/light-chaser-app/#) 在线体验，也可以 克隆项目代码在本地启动后进行体验！

预览图：

![lightchaser1](https://picss.sunbangyan.cn/2023/11/03/9cbcb42f4c6d7bc12ffb79f4ad0ef9dd.png)

![lightchaser blueprint](https://picss.sunbangyan.cn/2023/11/03/59ff17df602ce90d6ba7885037860449.png)

# 部署和使用

如果您需要在本地启动该项目，或将其构建并部署到自己的服务器上，请参考以下命令：

- 将项目克隆到本地计算机

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

- 安装项目依赖

```shell
pnpm install
```

- 启动项目

```shell
pnpm start
```

- 访问链接

```shell
http://localhost:3000
```

- 构建项目

```shell
pnpm build
```

# 贡献

欢迎随时加入！打开issue或提交PR。

light chaser遵守《贡献者公约行为准则》。

# License

[MIT](LICENSE) © xiaopujun

感谢为本项目做出贡献的每一位开发人员和个人！

## 社区

<div style="display: flex">
    <div  style="padding: 20px"><img alt="me" src="https://picdl.sunbangyan.cn/2023/11/05/a7ccc0b5df28f551527b25ff792dead7.jpg"></div>
    <div  style="padding: 20px"><img alt="group" src="https://picdl.sunbangyan.cn/2023/11/19/6f443419a39cd202ab750ada74e04d77.jpg"></div>
</div>