# Circles and reactangles

**URL:** <https://forum.kirupa.com/t/circles-and-reactangles/641099>\
**Category:** programming\
**Created:** [November 17, 2019, 5:25am UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099 "2019-11-17T05:25:00Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gnanasakthi\_Natesan](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/gnanasakthi_natesan/32/10394_2.png) [@Gnanasakthi\_Natesan](https://forum.kirupa.com/u/Gnanasakthi_Natesan)\
**Post date:** [November 17, 2019, 5:25am UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/1 "2019-11-17T05:25:00Z")

</div>

Kirupa, I am very new to react.js. Working on a project to **render optimized array of rectangles inside a circle of diameter d**. Would like to take one-on-one coaching from you. Kindly advise and guide.  
Million Thanks in advance,  
Sakthi.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 17, 2019, 10:47pm UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/2 "2019-11-17T22:47:10Z")

</div>

Are you using the canvas?

---

<div class="post-metadata">

**Author:** ![Gnanasakthi\_Natesan](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/gnanasakthi_natesan/32/10394_2.png) [@Gnanasakthi\_Natesan](https://forum.kirupa.com/u/Gnanasakthi_Natesan)\
**Post date:** [November 18, 2019, 12:04am UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/3 "2019-11-18T00:04:03Z")

</div>

Kiruba, yes, we plan to use canvas. But wondering if is capable if handling million rectangles inside the circle. !! I have been watching your video’s all weekend. Thanked God for your expertise. Also ran into your pointers on SVG Vs Canvas. [https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg193983(v=vs.85)?redirectedfrom=MSDN](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/gg193983(v=vs.85)?redirectedfrom=MSDN)

Exploring SVG also.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 18, 2019, 2:33am UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/4 "2019-11-18T02:33:27Z")

</div>

For one million rectangles, canvas will be the most memory efficient compared to other approaches. React won’t play much of a role here, for this is all pixels being drawn directly as opposed to dealing with the DOM 🙂

---

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [November 18, 2019, 4:06am UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/5 "2019-11-18T04:06:19Z")

</div>

![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/0/0c0917d4f5db4e1c4388925021705b7a562fc59a.jpeg)

---

<div class="post-metadata">

**Author:** ![Gnanasakthi\_Natesan](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/gnanasakthi_natesan/32/10394_2.png) [@Gnanasakthi\_Natesan](https://forum.kirupa.com/u/Gnanasakthi_Natesan)\
**Post date:** [November 18, 2019, 10:54pm UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/6 "2019-11-18T22:54:06Z")

</div>

went ahead and bought all your books Kiruba. Thanks for making it so very beginner friendly. For ever indebted for your expertise in presenting complex concepts so beautifully,  
Sakthi.

---

<div class="post-metadata">

**Author:** ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)\
**Post date:** [November 22, 2019, 11:47pm UTC](https://forum.kirupa.com/t/circles-and-reactangles/641099/7 "2019-11-22T23:47:28Z")

</div>

Kirupa’s the best!
