Amazing… That responsive design is super impressive as well, something I will need to do for an upcoming project. Keep em coming Nader, very inspirational. Although, as with most things inspirational, the rest of us can only hope to get 10% of the way there 
Amazing Nadir … your way of using perspective value is different … thanks a lot of sharing this
No there are just SVG. With vision timer you can animate them easily.
In each iteration you move the svg shape a head until reach the limit and send back svg to original position.
thanks you
Interested yo know if you using a standard for the devices (valves, pumps, flow switches) or are these a specific customer specification?
No standard per se, and no customer spec. These are our own with influence from ASM and HPHMI guidelines, but not quite
Nice work 
Impressive design
Hi I’d like to share with you some screens of my first project in Maker Edition ! your feedback is welcomed.
What I normally do is create a draft on how I see the screens should be, then analyze which portions can make use of templates. In this case, you already have an expected view of the layout and what data will be displayed. With your screenshot, this would be easy in Ignition and will not require complex knowledge on programming or even CSS. You may draw shapes on the screen for the representation of the control areas, or you may also want to use images instead. Other objects in your screenshot such as the radial graph/pie chart, bar graph, trend/easy chart are already available in the Ignition Designer.
if you mean Perspective then yes you need to know CSS and also know SVG. This image from Vision. In perspective for the solar layout, you need to use external SVG drawing tools like Inkscape. Then import it and bind your dynamic object.
How did you make the appearance that the squares sort of popout with the shadow effect?
Is this a background image, or settings for containers?
Is Gimp on par with Inkscape, or do I need to switch to Inkscape?
I figured out that I need both.
He might have used the boxShadow style under background >> advanced on the elementStyle of the Flex repeater to give the instances that look…
something like 20px 20px 30px 5px rgba(0,0,0,0.3)
i made it by boxShadow












