# Algebra of Graphics Web Dashboard Code by Pietro Vertechi

**URL:** <https://discourse.julialang.org/t/algebra-of-graphics-web-dashboard-code-by-pietro-vertechi/68536>\
**Category:** General Usage\
**Tags:** makie\
**Created:** [September 21, 2021, 4:09pm UTC](https://discourse.julialang.org/t/algebra-of-graphics-web-dashboard-code-by-pietro-vertechi/68536 "2021-09-21T16:09:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brad\_Carman](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/brad_carman/32/17631_2.png) [@Brad\_Carman](https://discourse.julialang.org/u/Brad_Carman)\
**Post date:** [September 21, 2021, 4:09pm UTC](https://discourse.julialang.org/t/algebra-of-graphics-web-dashboard-code-by-pietro-vertechi/68536/1 "2021-09-21T16:09:05Z")

</div>

The presentation/poster by Simon Danish at JuliaCon2021 shows a beautiful Algebra of Graphics Web Dashboard by Pietro Vertechi ([Makie Showcases and future | Simon Danish | JuliaCon2021 - YouTube](https://youtu.be/TbE9nUo7RhQ?t=51)). Does anyone know where I can find this code? This GUI shows a few things I’d love to learn how to do with JSServe and WGLMakie:

- File Picker
- Tabs
- Tables

---

<div class="post-metadata">

**Author:** ![piever](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/piever/32/1815_2.png) [@piever](https://discourse.julialang.org/u/piever)\
**Post date:** [September 23, 2021, 5:59pm UTC](https://discourse.julialang.org/t/algebra-of-graphics-web-dashboard-code-by-pietro-vertechi/68536/2 "2021-09-23T17:59:42Z")

</div>

Hello! Thanks for the nice words. The Web Dashboard is still a work-in-progress (I plan to add docs and integrate with CI in the near future). I also imagine some of the components could be refactored in a standalone repo of “reusable widgets”.

For now, I’ve made the code available [here](https://github.com/Veos-Digital/DataVisualization.jl). You can checkout [this folder](https://github.com/Veos-Digital/DataVisualization.jl/tree/main/src/components) to see how the various components are implemented.

---

<div class="post-metadata">

**Author:** ![Brad\_Carman](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/brad_carman/32/17631_2.png) [@Brad\_Carman](https://discourse.julialang.org/u/Brad_Carman)\
**Post date:** [September 23, 2021, 9:40pm UTC](https://discourse.julialang.org/t/algebra-of-graphics-web-dashboard-code-by-pietro-vertechi/68536/3 "2021-09-23T21:40:14Z")

</div>

Had a quick look at the code and this is exactly what I was looking for to help me learn!

The power of Julia + HTML/Javascript + Observables/Makie/JSServe I think makes the ability to develop UI’s potentially more powerful than standard UI tools such c#/WPF or Matlab (at least for engineers developing analysis and modeling tools). I think all that’s missing at this point is the tooling and the experience/design patterns. With your help this part at least is getting much better

Thanks again!