---
order: 1
navTitle: dataVisualization
indexTitle: 概述
---
# dataVisualization

SuccApp 的仪表板等模块默认提供了核心组件库，也可以从应用商店中下载组件扩展。如果这些组件都无法满足特定的需求，也可以通过扩展实现新的组件。

## 核心组件库

介绍核心组件库，包括有哪些，UI界面等。

## 应用商店

介绍应用商店中有哪些内容，如何从商店下载。

## 开发扩展组件

SuccApp 允许开发者通过组件扩展点开发组件。通过组件扩展，我们可以做到：

- 集成第三方组件到系统中，如`ElementUI`。
- 集成第三方库到系统中，如`d3.js`，并使用它开发组件。
- 开发一个拥有数据提交功能的组件，这样用户可以通过该组件修改数据。
- 开发一个个性化布局功能的组件，可以将其它组件拖入其中，并控制它们的显示。

### 如何开发组件

学习如何开发组件的最好方式是查看指南和示例代码。

- 通过[指南](./tutorials/README.md)你可以学习到不同类型组件的开发方式，从入门的[HelloWorld](./tutorials/tutorials-js-helloworld.md)到[柱形图可视化](./tutorials/tutorials-d3-histogram.md)，都可以在这里找到。
- 你还可以浏览我们公布在[github](https://github.com/succsoft)上的示例扩展，学习更多的扩展开发方式。
- 开发者们在[社区](https://www.succbi.com)中讨论扩展开发的相关问题，你也可以在[想法](https://www.succbi.com)中提出自己的需求或问题，让 SuccApp 的技术人员来为你解答。

开发一个扩展组件，通常包括如下几个步骤：

1. [准备开发环境](./setup-devenv.md)。
2. 配置[package.json](./package-json.md)。
3. 配置[capabilities.json](./capabilities-json.md)。
4. [编写组件代码](./component-render.md)。在`main.ts`中实现`IVisualComponent`接口。
5. [连接并发布到服务器](https://docs.succapp.com/v5/dev/extension-points/dataVisualization/component-publish)，新建或打开一个页面，拖入组件并测试。