English | 简体中文

Free Creation, What You Think Is What You Get

You design, we generate source code and applications that can be displayed, published, or further developed at any time.

🌐 Website | 📖 Documentation | 💬 Community | 🐛 Feedback

Introduction

The current component library is mainly used for the "ShanHeJian Visualization" tool component module and source code export component module, including 100+ components, events, and data sources.

ShanHeJian is a self-controlled, domestically developed low-code data 3D visualization tool that is committed to providing users with professional, efficient, and open data visualization solutions. Through visual drag-and-drop operations, data analysts, designers, and developers can easily create outstanding data visualization works, compressing traditional weeks of development work into hours. The tool is based on modern frontend technology stacks such as Vue 3 + TypeScript + Electron, supports team collaboration and custom component development, and is suitable for enterprise digitalization, government digitalization, education and research, and many other scenarios.

Structure

zerov-widgets/
├── packages/               # Main source code directory
│   ├── components/        # Component library (100+ components)
│   ├── commons/           # Common resources
│   └── index.ts           # Main entry file
├── plugins/               # Plugin system
│   ├── datasource/        # Data source plugins
│   ├── utils/             # Utility plugins
│   └── event/             # Event plugins
├── es/                    # Build output directory
├── node_modules/          # Dependencies
├── vite.config.ts         # Vite configuration file
├── vite.config.umd.ts     # UMD build configuration
├── tsconfig.json          # TypeScript configuration
├── package.json           # Project configuration
└── DEVELOPMENT.md         # Development documentation

Getting Started

Requirements

• Node.js >= 14.0.0
• Vue 3.x
• TypeScript 4.x
• Vite 2.x

Installation

npm install

Build

# Build component library (ES + UMD)
npm run build:lib

# Build UMD version only
npm run build:umd

# TypeScript type checking
npm run tsc

# Code style checking and fixing
npm run lint

Community & Support

Resources

• Official Wiki: https://shjv.yuque.com/org-wiki-shjv-psfwkn/shj
• Official Docs: https://shj.studio/website/
• Video Tutorials: Search "Shanhejian Visualization" on Bilibili

Exchange

• QQ：795698425、805334126
• WeChat Community: Scan the QR code on the official site to join
• GitHub Discussions: Technical Q&A and discussions
• Zhihu: @Shanhejian Visualization
• Bilibili: @Shanhejian Visualization

If this project helps you, please give us a Star! ⭐⭐⭐

Let's build a better data visualization ecosystem together! 🚀