# Graphic - add some color

**URL:** <https://community.stackerhq.com/t/graphic-add-some-color/604>\
**Category:** How do I?\
**Created:** [February 23, 2023, 11:45am UTC](https://community.stackerhq.com/t/graphic-add-some-color/604 "2023-02-23T11:45:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![miguel](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/miguel/32/525_2.png) [@miguel](https://community.stackerhq.com/u/miguel)\
**Post date:** [February 23, 2023, 11:45am UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/1 "2023-02-23T11:45:35Z")

</div>

hey, guys, I would like to know if in CSS possible to add some color to a graph.  
for example here :  
 ![image](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/bdaed872dc0feba132d5227c3952210335cd1e56.png)  
If the number \> X put this color.

Is that possible?

---

<div class="post-metadata">

**Author:** ![oli](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/oli/32/389_2.png) [@oli](https://community.stackerhq.com/u/oli)\
**Post date:** [February 23, 2023, 8:18pm UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/2 "2023-02-23T20:18:05Z")

</div>

Hi @miguel, I don’t believe this is possible at the moment. If you could add any details about your use case to this post on our feature request board that would be really helpful!

> **[Charts | Voters | Stacker](https://feedback.stackerhq.com/feature-requests/p/charts)**

---

<div class="post-metadata">

**Author:** ![Ambroise](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/ambroise/32/431_2.png) [@Ambroise](https://community.stackerhq.com/u/Ambroise)\
**Post date:** [February 24, 2023, 8:20am UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/3 "2023-02-24T08:20:04Z")

</div>

Challenge accepted!

🤞

---

<div class="post-metadata">

**Author:** ![Ambroise](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/ambroise/32/431_2.png) [@Ambroise](https://community.stackerhq.com/u/Ambroise)\
**Post date:** [February 24, 2023, 8:24am UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/4 "2023-02-24T08:24:07Z")

</div>

Cannot be easily done, not with CSS only.

But can be achieved with **JS + CSS** , requires custom dev, though.

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/stacker/original/1X/5e8a18fd9a2ee1611de03a27df13b7c937efe947.png)

---

<div class="post-metadata">

**Author:** ![oli](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/oli/32/389_2.png) [@oli](https://community.stackerhq.com/u/oli)\
**Post date:** [February 27, 2023, 10:25am UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/5 "2023-02-27T10:25:49Z")

</div>

Very impressive 🙂 I need to brush up on my JS, clearly!

---

<div class="post-metadata">

**Author:** ![miguel](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/miguel/32/525_2.png) [@miguel](https://community.stackerhq.com/u/miguel)\
**Post date:** [February 27, 2023, 10:39am UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/6 "2023-02-27T10:39:04Z")

</div>

Ah wow!  
excellent @Ambroise !

Can you share how you do that?

---

<div class="post-metadata">

**Author:** ![Ambroise](https://dub1.discourse-cdn.com/flex017/user_avatar/community.stackerhq.com/ambroise/32/431_2.png) [@Ambroise](https://community.stackerhq.com/u/Ambroise)\
**Post date:** [February 27, 2023, 1:33pm UTC](https://community.stackerhq.com/t/graphic-add-some-color/604/7 "2023-02-27T13:33:08Z")

</div>

@miguel It’s a bit complicated to explain, because I use a system specific to Stacker. It’s not simply a JS script that can be shared.

But I’ll be happy to build something custom for you, here are a few links about me:

- [Stacker Expert profile](https://www.stackerhq.com/experts/ambroise-dhenain)
- [Popular services](https://dna-pc.notion.site/Popular-Services-ab996f4d63484689b648808116a4eae3)

And here is my calendar if you’d like to meet:

> **[Introductory meeting | Ambroise Dhenain | Cal.com](https://cal.com/ambroise/30min)**
>
> Introductory meeting
