# Create circular/planar elements from points

**URL:** <https://discourse.threejs.org/t/create-circular-planar-elements-from-points/12981>\
**Category:** Questions\
**Tags:** points, performance\
**Created:** [February 24, 2020, 6:51am UTC](https://discourse.threejs.org/t/create-circular-planar-elements-from-points/12981 "2020-02-24T06:51:43Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [February 24, 2020, 10:46am UTC](https://discourse.threejs.org/t/create-circular-planar-elements-from-points/12981/2 "2020-02-24T10:46:26Z")

</div>

> [@Asif\_Ali](#):
>
> Question: Is there an efficient way already implemented in three.js in which I can draw planes (with height,width and orientation) instead of points?

The performance of your app is probably degraded by the amount of draw calls. Hence, consider to use instanced rendering. An easy way to do this (without modifying shaders) is the usage of [THREE.InstancedMesh](https://threejs.org/docs/index.html#api/en/objects/InstancedMesh). Check out the documentation page and the respective examples in order to get familiar with this class.

---

_[View the full topic](https://discourse.threejs.org/t/create-circular-planar-elements-from-points/12981)._