# Dashboard-Helper

**URL:** <https://community.plotly.com/t/dashboard-helper/70647>\
**Category:** Dash Python\
**Tags:** show-and-tell, community-components\
**Created:** [December 8, 2022, 5:15am UTC](https://community.plotly.com/t/dashboard-helper/70647 "2022-12-08T05:15:27Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jinnyzor](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/jinnyzor/32/21194_2.png) [@jinnyzor](https://community.plotly.com/u/jinnyzor)\
**Post date:** [December 8, 2022, 5:15am UTC](https://community.plotly.com/t/dashboard-helper/70647/1 "2022-12-08T05:15:27Z")

</div>

Hello All,

I have been working quite a bit on something that I think will benefit us all.

I call it the Dashboard-Helper:

> **[GitHub - BSd3v/Dashboard-Helper](https://github.com/BSd3v/Dashboard-Helper)**
>
> Contribute to BSd3v/Dashboard-Helper development by creating an account on GitHub.

With it, you can explore your own uploaded datasets and build charts to further utilize Plotly’s really cool graphing options. Or, explore Plotly’s example datasets or realtime stock data powered by Yfinance.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/9/2/92d173ad6cfce99711e9bbfdfa71314acda1436e.png)

With this, you also have to ability to create your custom dashboard from your data set, being able to move, resize, edit the chart, and delete graphs if you want.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/f/4/f403b6fd580d0c8e11aad0a4ec40b26a0e761262.png)

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/8/1/812406aa1511b1737afb37487217b4e108267b9c.png)

Once you get a layout that you like, you can export the layout into a json file that can be imported into your own project and being parsed out by the helper’s function of `makeDCC_Graph`. There is also an example usage file which shows you exactly how you’d go about doing that.

A pretty cool thing is that all the chart’s have pattern-matching built-in for their ids to be able to use for what ever purposes you need.

Please enjoy, and let me know your feedback.

---

<div class="post-metadata">

**Author:** ![AIMPED](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/aimped/32/21758_2.png) [@AIMPED](https://community.plotly.com/u/AIMPED)\
**Post date:** [December 8, 2022, 8:09pm UTC](https://community.plotly.com/t/dashboard-helper/70647/2 "2022-12-08T20:09:38Z")

</div>

Nice work @jinnyzor!

I really like the Dashboard designer. It’s so easy to create some charts, position without creating a grid of html.Div or dbc.Row/Col and create a Dashboard.

---

<div class="post-metadata">

**Author:** ![jinnyzor](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/jinnyzor/32/21194_2.png) [@jinnyzor](https://community.plotly.com/u/jinnyzor)\
**Post date:** [December 8, 2022, 8:26pm UTC](https://community.plotly.com/t/dashboard-helper/70647/3 "2022-12-08T20:26:07Z")

</div>

Please note, on windows, you may need to do this for uploading xlsx files:

```auto
pip install openpyxl

```

---

<div class="post-metadata">

**Author:** ![dash-beginner](https://avatars.discourse-cdn.com/v4/letter/d/d26b3c/32.png) [@dash-beginner](https://community.plotly.com/u/dash-beginner)\
**Post date:** [December 8, 2022, 9:27pm UTC](https://community.plotly.com/t/dashboard-helper/70647/4 "2022-12-08T21:27:03Z")

</div>

Incredible impressive! Looking forward to taking it for a spin soon 🙂

---

<div class="post-metadata">

**Author:** ![jinnyzor](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/jinnyzor/32/21194_2.png) [@jinnyzor](https://community.plotly.com/u/jinnyzor)\
**Post date:** [December 9, 2022, 7:08pm UTC](https://community.plotly.com/t/dashboard-helper/70647/5 "2022-12-09T19:08:57Z")

</div>

Another update, I converted this github into a template so that you can create repositories directly from it. 🙂

---

<div class="post-metadata">

**Author:** ![Tobs](https://avatars.discourse-cdn.com/v4/letter/t/6de8d8/32.png) [@Tobs](https://community.plotly.com/u/Tobs)\
**Post date:** [January 20, 2023, 12:51pm UTC](https://community.plotly.com/t/dashboard-helper/70647/6 "2023-01-20T12:51:43Z")

</div>

Very impressive work! I will definitely experiment with this.

---

<div class="post-metadata">

**Author:** ![qihamarz](https://avatars.discourse-cdn.com/v4/letter/q/858c86/32.png) [@qihamarz](https://community.plotly.com/u/qihamarz)\
**Post date:** [April 5, 2023, 3:09pm UTC](https://community.plotly.com/t/dashboard-helper/70647/7 "2023-04-05T15:09:19Z")

</div>

this gonna be really helpful for my uni project! thank you for this amazing work, will give it a try!
