{::$templates::}{::?chart(chart10m){600,300,10m}::}
   # dashBy library example with includes and responcive layout
   ---
   {::/::}

   {::$gauge_group(mypath=pathA)::} {::|::} {::$gauge_group(mypath=pathB)::}
   {::/::}

   {::chart10m(pathA.Var[1:4])::} {::|::} {::chart10m(pathB.Var[1:4])::}
   {::/::}

   {::$table_group(mypath=pathA)::} {::|::} {::$table_group(mypath=pathB)::}
   {::/::}

   {:: gauge1(pathA.Var1){.#,-300,300,pathA.Var1,200,20} {red,-200,yellow,0,lightgreen,200,red}::}{::|::}
   {:: gauge2(pathA.Var1){.#,-300,300,pathA.Var1,150,0,200,200,300} ::}
   {::|::}
   {::$spc4::}Edit pathA.Var1 here:  {:: editbox(pathA.Var1){#####.#,8,24,darkblue,lightyellow} ::}

   {::range(pathA.Var1){-300,300,50,250,10}::}

   {::$spc4::}Edit pathB.Var1 here:  {:: editbox(pathB.Var1){#####.#,8,24,darkblue,lightyellow} ::}

   {::range(pathB.Var1){-300,300,50,250,10}::}
   {::|::}

   {:: gauge1(pathB.Var1){.#,-300,300,pathB.Var1,200,20} {red,-200,yellow,0,lightgreen,200,red}::}{::|::}
   {:: gauge2(pathB.Var1){.#,-300,300,pathB.Var1,150,0,200,200,300} ::}
   {::/::}

   See source code of:

   [HTML file](source_max1.html)

   [main.dby](source_max2.html)

   [table_group.dby](source_max3.html)

   [gauge_group.dby](source_max4.html)

   [templates.dby](source_max4.html)

   {::/::}