https://github.com/yoshinaga-ken/covid19-dc-vue-admin
[新型コロナウイルス 感染者状況 多次元チャート]ダッシュボードのある管理画面
https://github.com/yoshinaga-ken/covid19-dc-vue-admin
charting covid-19 crossfilter dimensional element-ui javascript visualization vue vue-admin vue-cli vue-router vuex
Last synced: about 1 month ago
JSON representation
[新型コロナウイルス 感染者状況 多次元チャート]ダッシュボードのある管理画面
- Host: GitHub
- URL: https://github.com/yoshinaga-ken/covid19-dc-vue-admin
- Owner: yoshinaga-ken
- License: mit
- Created: 2020-09-18T10:45:53.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-09-25T17:19:59.000Z (over 4 years ago)
- Last Synced: 2025-04-09T22:56:13.503Z (about 1 month ago)
- Topics: charting, covid-19, crossfilter, dimensional, element-ui, javascript, visualization, vue, vue-admin, vue-cli, vue-router, vuex
- Language: Vue
- Homepage: https://yoshinaga-ken.github.io/covid19-dc-vue-admin/
- Size: 11.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.en.md
- License: LICENSE
Awesome Lists containing this project
README
# covid19-dc-vue-admin
[`🇯🇵日本語`](./README.md) | [`🇺🇸English`] | [`🇨🇳中文`](./README.zh.md)
On the dashboard of the management screen interface [vue-element-admin](https://github.com/PanJiaChen/vue-admin-template), [New Coronavirus Infected Person Status Multidimensional Chart](https://github.com/yoshinaga-ken/covid19-dc) implemented.
A minimal vue admin template with Element UI & axios & iconfont & permission control & lint.
## Demo Page
- https://yoshinaga-ken.github.io/covid19-dc-vue-admin/
## How to change the displayed chart data?
The data regarding the attributes of the infected person is [CSV file (covid19-data.csv)](public/data/covid19-data.csv). You can also modify the contents of this file to visualize other types of data.
## Project setup
```bash
# install dependency
npm install
```
## Compiles and hot-reloads for development
```
npm run dev
```
This will automatically open http://localhost:9528
## Build
```bash
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
```
## Advanced
```bash
# preview the release environment effect
npm run preview
# preview the release environment effect + static resource analysis
npm run preview -- --report
# code format check
npm run lint
# code format check and auto fix
npm run lint -- --fix
```
Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
## Extra
If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
## Related Project
- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)