!!!###!!!title=How to Import VRender——VisActor/VRender tutorial documents!!!###!!!!!!###!!!description=In the [How to Get VRender](./How_to_Get_VRender) chapter, we introduced the ways to obtain VRender. This chapter will introduce how to reference VRender under these acquisition methods.!!!###!!!

How to Reference VChart in the Project

In the How to Get VRender chapter, we introduced the ways to obtain VRender. This chapter will introduce how to reference VRender under these acquisition methods.

Use of CDN

After obtaining the VChart file from cdn, it can be added to the <script> tag in the HTML file:

Use of npm

After installing @visactor/vrender in the project via npm, it can be used in the following way: