From 915c2575a99a484a8a80db5b9f284d90787a325c Mon Sep 17 00:00:00 2001 From: Nicky Chan Date: Tue, 24 Jul 2018 15:04:18 -0700 Subject: [PATCH] =?UTF-8?q?Update=20README=20to=20include=20Audio=20and=20?= =?UTF-8?q?High=20dimensional=20and=20screenshot,=20r=E2=80=A6=20(#475)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.cn.md | 38 +++++++++++++------- README.md | 43 ++++++++++++++--------- docs/getting_started/introduction_cn.md | 2 +- docs/getting_started/introduction_en.md | 4 +-- docs/getting_started/quick_start_cn.md | 2 +- docs/getting_started/quick_start_en.md | 2 +- frontend/src/common/component/AppMenu.vue | 16 ++++----- 7 files changed, 65 insertions(+), 42 deletions(-) diff --git a/README.cn.md b/README.cn.md index b74e9285..3af30651 100644 --- a/README.cn.md +++ b/README.cn.md @@ -17,25 +17,28 @@ VisualDL是一个面向深度学习任务设计的可视化工具，包含了sca 实现原生的性能和定制效果。 ## 组件 -VisualDL 目前支持4种组件： +VisualDL 目前支持以下组件： -- graph - scalar -- image - histogram +- image +- audio +- graph +- high dimensional -### Graph -兼容 ONNX(Open Neural Network Exchange)[https://github.com/onnx/onnx], 通过与 python SDK的结合，VisualDL可以兼容包括 PaddlePaddle, pytorch, mxnet在内的大部分主流DNN平台。 +### Scalar +可以用于展示训练测试的误差趋势

- +

-### Scalar -可以用于展示训练测试的误差趋势 +### Histogram + +用于可视化任何tensor中元素分布的变化趋势

- +

### Image @@ -45,12 +48,21 @@ VisualDL 目前支持4种组件：

-### Histogram +### Audio +可用于播放输入或生成的音频样本 -用于可视化任何tensor中元素分布的变化趋势 +### Graph +兼容 ONNX(Open Neural Network Exchange)[https://github.com/onnx/onnx], 通过与 python SDK的结合，VisualDL可以兼容包括 PaddlePaddle, pytorch, mxnet在内的大部分主流DNN平台。

- + +

+ +### High Dimensional +用高维度数据映射在2D/3D来可视化嵌入 + +

+

## 快速尝试 @@ -219,7 +231,7 @@ board 还支持一下参数来实现远程的访问： - `--host` 设定IP - `--port` 设定端口 -- `--model_pb` 指定 ONNX 格式的模型文件 +- `-m / --model_pb` 指定 ONNX 格式的模型文件 ### 贡献 diff --git a/README.md b/README.md index ebed2a17..cbde58e0 100644 --- a/README.md +++ b/README.md @@ -21,28 +21,27 @@ can be integrated into other platforms. ## Component -VisualDL now provides 4 components: +VisualDL provides following components: -- graph - scalar -- image - histogram +- image +- audio +- graph +- high dimensional -### Graph -Graph is compatible with ONNX ([Open Neural Network Exchange](https://github.com/onnx/onnx)), -Cooperated with Python SDK, VisualDL can be compatible with most major DNN frameworks, including -PaddlePaddle, PyTorch and MXNet. +### Scalar +Scalar can be used to show the trends of error during training.

- +

-### Scalar -Scalar can be used to show the trends of error during training. - +### Histogram +Histogram can be used to visualize parameter distribution and trends for any tensor.

- +

### Image @@ -52,11 +51,23 @@ Image can be used to visualize any tensor or intermediate generated image.

-### Histogram -Histogram can be used to visualize parameter distribution and trends for any tensor. +### Audio +Audio can be used to play input audio samples or generated audio samples. + +### Graph +Graph is compatible with ONNX ([Open Neural Network Exchange](https://github.com/onnx/onnx)), +Cooperated with Python SDK, VisualDL can be compatible with most major DNN frameworks, including +PaddlePaddle, PyTorch and MXNet.

- + +

+ +### High Dimensional +High Dimensional can be used to visualize data embeddings by projecting high-dimensional data into 2D / 3D. + +

+

## Quick Start @@ -233,7 +244,7 @@ visualDL also supports following optional parameters: - `--host` set IP - `--port` set port -- `--model_pb` specify ONNX format for model file to view graph +- `-m / --model_pb` specify ONNX format for model file to view graph ### Contribute diff --git a/docs/getting_started/introduction_cn.md b/docs/getting_started/introduction_cn.md index ecb17cc9..122a94aa 100644 --- a/docs/getting_started/introduction_cn.md +++ b/docs/getting_started/introduction_cn.md @@ -46,7 +46,7 @@ for step in steps: - 启动visualdl service即可通过浏览器查看日志的可视化结果。 ```shell -visualdl --logdir ./log --port 8080 +visualdl --logdir ./log --model_pb # onnx model and port are optional ``` ### 功能全 1. Scalar. 支持Scalar打点数据展示，如上图所示： diff --git a/docs/getting_started/introduction_en.md b/docs/getting_started/introduction_en.md index 4f66c97a..2c8b4b14 100644 --- a/docs/getting_started/introduction_en.md +++ b/docs/getting_started/introduction_en.md @@ -48,7 +48,7 @@ for step in steps: - Launch Visual DL service and you can see the visualization results. ```shell -visualdl --logdir ./log --port 8080 +visualdl --logdir ./log --model_pb --port 8080 # onnx model and port are optional ``` ### Comprehensive Usability @@ -92,7 +92,7 @@ show the trend of parameter distribution.

-6. High Dimensional: visualize data embeddings by projects high-dimensional data into 2D / 3D. +6. High Dimensional: visualize data embeddings by projecting high-dimensional data into 2D / 3D. - Help users understand the similarity, correlation of different objects (e.g. word / image) - Map objects to vectors in vector space to visualize distance of neighbors and form clusters - Support dimension reduction algorithm like PCA, T-SNE diff --git a/docs/getting_started/quick_start_cn.md b/docs/getting_started/quick_start_cn.md index 792a6dda..9cd4e3c4 100644 --- a/docs/getting_started/quick_start_cn.md +++ b/docs/getting_started/quick_start_cn.md @@ -88,7 +88,7 @@ VisualDL 的 C++ SDK 与 Python 的基本一致，上面Python示例对应的C++ VisualDL 支持开源的 [ONNX](https://github.com/onnx/onnx)模型结构的可视化，目前ONNX支持包括 `pytorch`, `Caffe2`, `Caffe`, `MxNet` 在内的多种深度学习平台的模型结构的转化。 ``` -visualdl --logdir somedir --model_pb +visualdl --logdir somedir --model_pb ``` 比如mnist，会得到如下graph diff --git a/docs/getting_started/quick_start_en.md b/docs/getting_started/quick_start_en.md index 02ed38ce..72a21c77 100644 --- a/docs/getting_started/quick_start_en.md +++ b/docs/getting_started/quick_start_en.md @@ -95,7 +95,7 @@ VisualDL supports the visualization for the format in [ONNX](https://github.com/ Currently, ONNX supports format conversion among various deep learning frameworks such as `MXNet`, `PyTorch`, `Caffe2`, `Caffe`. ``` -visualdl --logdir somedir --model_pb +visualdl --logdir somedir --model_pb ``` For example, for the MNIST dataset, Graph component can render model graph as below: diff --git a/frontend/src/common/component/AppMenu.vue b/frontend/src/common/component/AppMenu.vue index 59f84c0e..ee610dfb 100644 --- a/frontend/src/common/component/AppMenu.vue +++ b/frontend/src/common/component/AppMenu.vue @@ -38,6 +38,11 @@ export default { title: 'SCALARS', name: 'scalars', }, + { + url: '/histograms', + title: 'HISTOGRAMS', + name: 'histograms', + }, { url: '/images', title: 'IMAGES', @@ -49,20 +54,15 @@ export default { name: 'audio', }, { - url: '/histograms', - title: 'HISTOGRAMS', - name: 'histograms', + url: '/texts', + title: 'TEXTS', + name: 'texts', }, { url: '/graphs', title: 'GRAPHS', name: 'graphs', }, - { - url: '/texts', - title: 'TEXTS', - name: 'texts', - }, { url: '/HighDimensional', title: 'HighDimensional', -- GitLab