# Simple question

**URL:** https://discourse.processing.org/t/simple-question/28937
**Category:** Project Guidance
**Created:** [March 29, 2021, 3:52am UTC](https://discourse.processing.org/t/simple-question/28937 "2021-03-29T03:52:17Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Rodrigo](https://avatars.discourse-cdn.com/v4/letter/r/4af34b/32.png) [@Rodrigo](https://discourse.processing.org/u/Rodrigo)
#### Post date: [March 29, 2021, 3:52am UTC](https://discourse.processing.org/t/simple-question/28937/1 "2021-03-29T03:52:17Z")

</div>

Hello,

I’m a beginner in P5 library, is it possible drawing an interactive diagram similar to the image (below). ? each square represents walkways. each yellow (x) represent pieces that can be repaired depending if they are selected or not, i can click inbetween each walkway and select or deselect .

 ![diagram cage modules](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/1/1803a94c0ee26635a403c4f321d891bf2bd3b95d.jpeg)

thanks in advance

---

<div class="post-metadata">

### Author: ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)
#### Post date: [March 29, 2021, 9:08am UTC](https://discourse.processing.org/t/simple-question/28937/2 "2021-03-29T09:08:38Z")

</div>

Hi! Welcome to the forum!

It is possible but I don’t know if p5.js is the best tool for that. Assuming you are completely new to p5.js, I suggest the following:

- if your goal is to learn p5.js (which may take some time to get to that diagram - but that is programming) I recommend following some [tutorials](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA)
- if you need that diagram as soon as possible, I guess you should look into some commercial software - I’m not so familiar with it and not endorsing specific tool but for example [figma](https://www.figma.com/) would work?

---

<div class="post-metadata">

### Author: ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)
#### Post date: [March 29, 2021, 12:10pm UTC](https://discourse.processing.org/t/simple-question/28937/3 "2021-03-29T12:10:02Z")

</div>

depending on the functions you need  
you can also load the image and display it in p5.js

Then make underlying data that gives you clickable points on the image

**but a professional tool is definitely superior**