# Is there a way to make an interactive bar graph?

**URL:** <https://discourse.processing.org/t/is-there-a-way-to-make-an-interactive-bar-graph/16417>\
**Category:** Coding Questions\
**Created:** [December 15, 2019, 11:59am UTC](https://discourse.processing.org/t/is-there-a-way-to-make-an-interactive-bar-graph/16417 "2019-12-15T11:59:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![xikexa](https://avatars.discourse-cdn.com/v4/letter/x/3ec8ea/32.png) [@xikexa](https://discourse.processing.org/u/xikexa)\
**Post date:** [December 15, 2019, 11:59am UTC](https://discourse.processing.org/t/is-there-a-way-to-make-an-interactive-bar-graph/16417/1 "2019-12-15T11:59:37Z")

</div>

I want to make a interactive bar graph with clickable icons/buttons and instead of “bars” i want it to have corresponding icons that gather around the data that’s clicked on if that makes sense.

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [December 15, 2019, 12:06pm UTC](https://discourse.processing.org/t/is-there-a-way-to-make-an-interactive-bar-graph/16417/2 "2019-12-15T12:06:54Z")

</div>

Hello,

Check out some of the examples (File \> Examples… ) that come with Processing:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/70ec544a7adc2211a32fe8fc902668e204ef6be8.png)

A lot of ideas come to mind already!

You can move the buttons around and these can correspond to data points.

Try it yourself first and then ask for help if needed.

🙂

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [December 19, 2019, 9:49pm UTC](https://discourse.processing.org/t/is-there-a-way-to-make-an-interactive-bar-graph/16417/3 "2019-12-19T21:49:37Z")

</div>

Grafica is also an excellent library for real-time interactive bar graphs. You will have to add the collision detection interactivity yourself – it only handles the display – but it has a lot of display features for bar graphs.

[https://jagracar.com/sketches/multiplePlots.php](https://jagracar.com/sketches/multiplePlots.php)

 ![Screen Shot 2019-12-19 at 1.49.16 PM](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/6ac9592690a67539e2e848f0f1fb3035eff3e88a.png)