I approached to design studio 3 weeks ago and i started developing some custom components.
My first work is based on this blog post:
Following his design i wrote my code with some changes/perks.
The component is completely scalable and customizable.
You can choose:
- Main Color.
- Tick and text color.
- Needle Color.
- Color and scale(and if gradient).
- If you want numbers and the start and end.
- Title and showed value in the middle.
I added an animation on the needle, and a method that you can call from DS for moving it.
That is the base version and the properties page.
And these are some custom versions:
Here the GitHub Repository:
I’m sorry for my really chaotic code and my multilanguage comments, i will fix it soon.
I hope it could be usefull.
For any problem or suggestion please write a comment below and i will solve it as soon as possible.