https://github.com/shalom-lab/vslide
Making data visualization slides with vue.js
https://github.com/shalom-lab/vslide
datavisualisation interactive powerpoint slide-maker tools vue3
Last synced: over 1 year ago
JSON representation
Making data visualization slides with vue.js
- Host: GitHub
- URL: https://github.com/shalom-lab/vslide
- Owner: shalom-lab
- Created: 2023-03-03T16:25:50.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-23T08:04:32.000Z (over 1 year ago)
- Last Synced: 2025-03-09T12:19:07.937Z (over 1 year ago)
- Topics: datavisualisation, interactive, powerpoint, slide-maker, tools, vue3
- Language: JavaScript
- Homepage: https://vslide.cn
- Size: 39.5 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Welcome to VSlide π
Background 
With the rapid development of information technology, the era of big data has arrived, and data is increasingly becoming an important production factor in human society. Data visualization, that is, the presentation of data in an intuitive and easy-to-understand form for humans, is an important part of data mining as well as information presentation, and is of great significance for discovering the value behind the data.
VSlide, a web-based data visualization tool, was created to make it easy for the average user to create presentations that support interactive data visualization charts.
# Demo
[vslide.cn](https://vslide.cn)
# Get Started
```sh
npm install
npm run serve
npm run build
```
# Features
## Easy to use
Interactive charts with zero code, click-and-drag operation, push-and-drop layout, no need for any foundation, detailed documentation.
No need to have any basic knowledge. [Easy to use](. /image/vslide-feature-easy.gif)
## Interactive charts
All kinds of charts are available, all charts are interactive
## Rich components
In addition to interactive charts, images, tables, text, markdown are also supported.
## Flexible layout
18 Γ 18 grid, free drag and drop, layout at will.
## Powerful features
- Create slideshows in editing mode
- Show slideshows in projection, browse, and document modes, with animation support in projection mode.
## One-click sharing
One-click copy share link to let more people see your work
# Structure
| **name** | **protocol** | **function** |
| --------------- | ---------------- | ------------------- |
| [Vue.js](https://vuejs.org/) | MIT | data-driven |
| [Vuex](https://vuex.vuejs.org/) | MIT | Vue Data Centering Manager |
| [Echarts](https://echarts.apache.org/) | Apache-2.0 | Interactive Visual Charting |
| [Vue-echarts](https://github.com/ecomfe/vue-echarts) | MIT | Vue version of echarts |
| [Vue-grid-layout](https://jbaysolutions.github.io/vue-grid-layout/) | MIT | Layout and typography |
| [Naive UI](https://www.naiveui.com/) | MIT | UI components, form components |
| [md-ediotr-v3](https://imzbf.github.io/) | MIT | Markdown Editor |
| [Animate.css](https://animate.style/) | Hippocratic License | Animation Control |
| [Handsontable](https://handsontable.com/) | | Data Entry |
# Show your support
Give a βοΈ if this project helped you!