வார்ப்புரு:COVID-19 pandemic interactive maps/India
&lt;includeonly&gt;
 &lt;div id =&quot;interactive-covid-19-india-map&quot; style=&quot;margin: 8px;&quot;&gt;
 {{#tag:graph
 |{
   &quot;version&quot;: 2, 
   &quot;width&quot;: {{#expr:{{{scale|1}}}*500}}, 
   &quot;height&quot;: {{#expr:{{{scale|1}}}*500}},
   &quot;padding&quot;: {{{padding|12}}},
   &quot;background&quot;: &quot;#edf1f7&quot;,
   &quot;data&quot;: [
     {
       &quot;name&quot;: &quot;population&quot;,
       &quot;url&quot;: &quot;wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region&quot;,
       &quot;format&quot;: {
         &quot;type&quot;: &quot;csv&quot;
       }
     },
     {
       &quot;name&quot;: &quot;highlights&quot;,
       &quot;url&quot;: &quot;wikiraw://en.wikipedia.org/{{{data-template}}}&quot;,
       &quot;format&quot;: {
         &quot;type&quot;: &quot;csv&quot;,
         &quot;parse&quot;: {
           &quot;date&quot;: &quot;date&quot;
         }
       },
       &quot;transform&quot;: [
       {{#if: {{{per-capita|}}} 
       | {
           &quot;type&quot;: &quot;lookup&quot;,
           &quot;on&quot;: &quot;population&quot;,
           &quot;keys&quot;: [&quot;id&quot;],
           &quot;onKey&quot;: &quot;id&quot;,
           &quot;as&quot;: [&quot;population&quot;],
           &quot;default&quot;: {}
         },
         {
           &quot;type&quot;: &quot;formula&quot;,
           &quot;field&quot;: &quot;v&quot;,
           &quot;expr&quot;: &quot;round((parseFloat(datum[''+dateStamp])/datum.population.Population)*{{{per-capita}}})&quot;
         }
       | {
           &quot;type&quot;: &quot;formula&quot;,
           &quot;field&quot;: &quot;v&quot;,
           &quot;expr&quot;: &quot;parseFloat(datum[''+dateStamp])&quot;
         }
       }} ]
         
     },
     {
       &quot;name&quot;: &quot;totalByDate&quot;,
       &quot;url&quot;: &quot;wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases&quot;,
       &quot;format&quot;: {
         &quot;type&quot;: &quot;csv&quot;,
         &quot;parse&quot;: {
           &quot;date&quot;: &quot;date&quot;,
           &quot;cases&quot;: &quot;number&quot;
         }
       }
     },
     {
       &quot;name&quot;: &quot;regions&quot;,
       &quot;url&quot;: &quot;wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json&quot;,
       &quot;format&quot;: {&quot;type&quot;: &quot;topojson&quot;,&quot;feature&quot;: &quot;IND_adm_div_1&quot;},
       &quot;transform&quot;: [
         {
           &quot;type&quot;: &quot;geopath&quot;,
           &quot;value&quot;: &quot;data&quot;,
           &quot;scale&quot;: {{#expr:{{{scale|1}}}*820}},
           &quot;center&quot;: [65,40],
           &quot;translate&quot;: [0,0],
           &quot;projection&quot;: &quot;equirectangular&quot;
         },
         {
           &quot;type&quot;: &quot;lookup&quot;,
           &quot;on&quot;: &quot;highlights&quot;,
           &quot;keys&quot;: [&quot;id&quot;],
           &quot;onKey&quot;: &quot;id&quot;,
           &quot;as&quot;: [&quot;zipped&quot;],
           &quot;default&quot;: {&quot;v&quot;: null, &quot;Regions&quot;:&quot;No data&quot;}
         }
       ]
     }
     ],
   &quot;signals&quot;: [
     {
       &quot;name&quot;: &quot;isDragging&quot;,
       &quot;init&quot;: false,
       &quot;streams&quot;: [
         {&quot;type&quot;: &quot;@handle:mousedown&quot;,&quot;expr&quot;: &quot;true&quot;},
         {&quot;type&quot;: &quot;mouseup&quot;,&quot;expr&quot;: &quot;false&quot;},
         {&quot;type&quot;: &quot;#interactive-covid-19-india-map:mouseout&quot;,&quot;expr&quot;:&quot;false&quot;},
         {&quot;type&quot;: &quot;@scrollArea:touchstart&quot;, &quot;expr&quot;: &quot;true&quot;},
         {&quot;type&quot;: &quot;touchend&quot;, &quot;expr&quot;: &quot;false&quot;}
       ]
     },
     {
       &quot;name&quot;: &quot;handlePosition&quot;,
       &quot;init&quot;: 0,
       &quot;streams&quot;: [
         {
           &quot;type&quot;: &quot;mousemove[isDragging]&quot;,
           &quot;expr&quot;: &quot;clamp(eventX(),0,width)&quot;
         },
         {
           &quot;type&quot;: &quot;touchmove[isDragging]&quot;,
           &quot;expr&quot;: &quot;clamp(eventX(),0,width)&quot;
         }
       ]
     },
     {
       &quot;name&quot;: &quot;scaledHandlePosition&quot;,
       &quot;expr&quot;: &quot;handlePosition&quot;,
       &quot;scale&quot;: {&quot;name&quot;: &quot;dateScale&quot;,&quot;invert&quot;: true}
     },
     {
       &quot;name&quot;: &quot;currentDate&quot;,
       &quot;init&quot;: &quot;08 Mar 2020&quot;,
       &quot;expr&quot;: &quot;timeFormat('%d %b %Y',scaledHandlePosition)&quot;
     },
     {
       &quot;name&quot;: &quot;dateStamp&quot;,
       &quot;init&quot;: &quot;2020-03-08&quot;,
       &quot;expr&quot;: &quot;timeFormat('%Y-%m-%d',scaledHandlePosition)&quot;
     },
     {
       &quot;name&quot;: &quot;mousePosition&quot;,
       &quot;init&quot;: {&quot;expr&quot;: &quot;{x: 0, y: 0, datum: {} }&quot;}, 
       &quot;streams&quot;: [
         {  
           &quot;type&quot;: &quot;@map:mouseover&quot;,    
           &quot;expr&quot;: &quot;{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}&quot;
         },
         {  
           &quot;type&quot;: &quot;@map:mouseout&quot;,
           &quot;expr&quot;: &quot;{x: 0, y: 0, datum: {} }&quot;
         }
       ]
     }
   ],
   &quot;scales&quot;: [
     {
       &quot;name&quot;: &quot;dateScale&quot;,
       &quot;type&quot;: &quot;time&quot;,
       &quot;clamp&quot;: true,
       &quot;domain&quot;: {
         &quot;data&quot;: &quot;totalByDate&quot;,
         &quot;field&quot;:&quot;date&quot;
       },
       &quot;range&quot;: &quot;width&quot;
     },
     {
       &quot;name&quot;: &quot;color&quot;,
       &quot;type&quot;: &quot;{{{color-ramp-type|linear}}}&quot;,
       &quot;domain&quot;: [{{{domain-lower-value|1}}},{{{domain-upper-value}}}],
       &quot;domainMin&quot;: 1,
       &quot;zero&quot;: false,
       &quot;range&quot;:  [&quot;{{{domain-lower-color|#FFEDBC}}}&quot;, &quot;{{{domain-upper-color|#f83600}}}&quot;]
     }
   ],
   &quot;marks&quot;: [
   	{
     &quot;name&quot;: &quot;hoverOverToolTipName&quot;,
     &quot;type&quot;: &quot;text&quot;,
     &quot;properties&quot;: {
       &quot;enter&quot;: {
         &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*10}}},
         &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*10}}},
         &quot;fontSize&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*16}}},
         &quot;fill&quot;: {&quot;value&quot;: &quot;black&quot;}
       },
       &quot;update&quot;: {&quot;text&quot;: {&quot;template&quot;: &quot;\u007b{mousePosition.datum.Region}\u007d&quot;} }
     }
   	},
   	{
     &quot;name&quot;: &quot;hoverOverToolTipNumber&quot;,
     &quot;type&quot;: &quot;text&quot;,
     &quot;properties&quot;: {
       &quot;enter&quot;: {
         &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*10}}},
         &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*30}}},
         &quot;fontSize&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*16}}},
         &quot;fill&quot;: {&quot;value&quot;: &quot;black&quot;}
       },
       &quot;update&quot;: {&quot;text&quot;: {&quot;template&quot;: &quot;\u007b{mousePosition.datum.v}\u007d&quot;} }
     }
   	},
     {
       &quot;name&quot;: &quot;map&quot;,
       &quot;type&quot;: &quot;path&quot;,
       &quot;from&quot;: {&quot;data&quot;: &quot;regions&quot;},
       &quot;properties&quot;: {
         &quot;enter&quot;: {
           &quot;path&quot;: {&quot;field&quot;: &quot;layout_path&quot;}
         },
         &quot;update&quot;: {
           &quot;fill&quot;: [
             {
               &quot;test&quot;: &quot;datum.zipped.v !== 0&quot;,
               &quot;scale&quot;: &quot;color&quot;,
               &quot;field&quot;: &quot;zipped.v&quot;
             },
             {&quot;value&quot;: &quot;white&quot;}
           ],
           &quot;stroke&quot;:{&quot;value&quot;: &quot;#989898&quot;}
         },
       &quot;hover&quot;: {&quot;fill&quot;: {&quot;value&quot;: &quot;#989898&quot;},
       &quot;cursor&quot;:{&quot;value&quot;:&quot;pointer&quot;} }
       }
     },
     {
       &quot;name&quot;: &quot;scrollArea&quot;,
       &quot;type&quot;: &quot;rule&quot;,
       &quot;properties&quot;: {
         &quot;enter&quot;: {
           &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*0}}},
           &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*40}}},
           &quot;x2&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*500}} },
           &quot;stroke&quot;: {&quot;value&quot;: &quot;#edf1f7&quot;},
           &quot;strokeWidth&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*16}}}
         }
       }
     },
     {
       &quot;name&quot;: &quot;scrollLine&quot;,
       &quot;type&quot;: &quot;rule&quot;,
       &quot;properties&quot;: {
         &quot;enter&quot;: {
           &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*0}}},
           &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*40}}},
           &quot;x2&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*500}}},
           &quot;stroke&quot;: {&quot;value&quot;: &quot;#000&quot;},
           &quot;strokeWidth&quot;: {&quot;value&quot;: 2}
         }
       }
     },
     {
       &quot;name&quot;: &quot;handle&quot;,
       &quot;type&quot;: &quot;symbol&quot;,
       &quot;properties&quot;: {
         &quot;enter&quot;: {
           &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*200}}},
           &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*40}}},
           &quot;size&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*154}}},
           &quot;stroke&quot;: {&quot;value&quot;: &quot;#880&quot;},
           &quot;strokeWidth&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*2.5}}}
         },
         &quot;update&quot;: {
           &quot;fill&quot;: {&quot;value&quot;: &quot;#fff&quot;},
           &quot;x&quot;: {&quot;signal&quot;: &quot;handlePosition&quot;}
         },
         &quot;hover&quot;: {&quot;fill&quot;: {&quot;value&quot;: &quot;#f00&quot;},
       &quot;cursor&quot;:{&quot;value&quot;:&quot;pointer&quot;} }
       }
     },
     {
       &quot;name&quot;: &quot;dateLabel&quot;,
       &quot;type&quot;: &quot;text&quot;,
       &quot;properties&quot;: {
         &quot;enter&quot;: {
           &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*300}}},
           &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*30}}},
           &quot;fontSize&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*24}}},
           &quot;fontWeight&quot;: {&quot;value&quot;: &quot;bold&quot;},
           &quot;fill&quot;: {&quot;value&quot;: &quot;steelblue&quot;}
         },
         &quot;update&quot;: {&quot;text&quot;: {&quot;signal&quot;: &quot;currentDate&quot;} }
       }
     }
   ],
   &quot;legends&quot;: [
     {
       &quot;fill&quot;: &quot;color&quot;,
       &quot;title&quot;: &quot;{{{legend-title}}}&quot;,
       &quot;properties&quot;: {
         &quot;gradient&quot;: {
           &quot;stroke&quot;: {&quot;value&quot;: &quot;transparent&quot;}
         },
         &quot;title&quot;: {
           &quot;fontSize&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*14}}}
         },
         &quot;legend&quot;: {
           &quot;x&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*250}}},
           &quot;y&quot;: {&quot;value&quot;: {{#expr:{{{scale|1}}}*60}}}
         }
       }
     }
   ]
 }
 |mode=interactive |title={{{title|Interactive COVID-19 map of India}}}
 }}
 &lt;/div&gt;
 &lt;/includeonly&gt;
 &lt;noinclude&gt;
 {{documentation}}