ઢાંચો:Climate chart/testcases

Testing sandbox version

{{Climate chart/sandbox}}

{{{1}}}
Climate chart (explanation)
J F M A M J J A S O N D   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> Average max. and min. temperatures in °C Precipitation totals in mm
Imperial conversion J F M A M J J A S O N D   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> Average max. and min. temperatures in °F Precipitation totals in inches

Testing main template

{{Climate chart}}

{{{1}}}
Climate chart (explanation)
J F M A M J J A S O N D   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;z-index:3;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;z-index:4;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> <div style="color:red;position:absolute;bottom:em; left:-.4em;width:1.6em;height:1.5em;text-align:right;z-index:4"> Average max. and min. temperatures in °C Precipitation totals in mm
Imperial conversion J F M A M J J A S O N D   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;">   <div style="background:#ace;position:absolute;bottom:2em;left:.2em;width:1.2em;height:em;overflow:hidden">  <div style="overflow:hidden;background:#e44;position:absolute;left:.4em;width:0.8em;bottom:em;height:em;">  <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> <div style="color:red;position:absolute;bottom:em; left:0;width:1.6em;height:1.5em;text-align:center;"> Average max. and min. temperatures in °F Precipitation totals in inches