# Fun challenge for someone?

**URL:** <https://community.weweb.io/t/fun-challenge-for-someone/9836>\
**Category:** Ask us anything\
**Created:** [July 19, 2024, 7:40pm UTC](https://community.weweb.io/t/fun-challenge-for-someone/9836 "2024-07-19T19:40:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chadsmithclt](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@chadsmithclt](https://community.weweb.io/u/chadsmithclt)\
**Post date:** [July 19, 2024, 7:40pm UTC](https://community.weweb.io/t/fun-challenge-for-someone/9836/1 "2024-07-19T19:40:43Z")

</div>

Hi all,

Curious if someone would like to take on a challenge?

I want to recreate this block in WeWeb to use in a engineering product. Basically a user can click on any of the circles and it will indicate that is the focus point.

 ![Screenshot 2024-07-19 at 3.40.21 PM](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cfb20ea2decb937c55bc6cb0f957cba8fcdbc33e.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [July 19, 2024, 9:14pm UTC](https://community.weweb.io/t/fun-challenge-for-someone/9836/2 "2024-07-19T21:14:09Z")

</div>

Ez 😄

---

<div class="post-metadata">

**Author:** ![mark](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/mark/32/4163_2.png) [@mark](https://community.weweb.io/u/mark)\
**Post date:** [July 20, 2024, 3:40am UTC](https://community.weweb.io/t/fun-challenge-for-someone/9836/3 "2024-07-20T03:40:53Z")

</div>

I think you could do it pretty quick by putting the rectangle block in a div, then add an icon for each circle and set its position to absolute and set it where it needs to be, then just change the icon / color when you click on it, or bind it to a variable if you only want 1 selected at a time.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [July 20, 2024, 6:22am UTC](https://community.weweb.io/t/fun-challenge-for-someone/9836/4 "2024-07-20T06:22:15Z")

</div>

This would be more of a job for canvas/svg, as there also is diagonals and the vertices in the middle.