Template:COVID-19 pandemic interactive maps/India/testcases

From blackwiki
Jump to navigation Jump to search
Confirmed cases
{{COVID-19 pandemic interactive maps/India|data-template=Template:COVID-19 pandemic interactive maps/India/India cases by region|domain-upper-value=5e5|legend-title=Cases|scale=0.7}}

{{COVID-19 pandemic interactive maps/India}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "formula",
         "field": "v",
         "expr": "parseFloat(datum[+dateStamp])"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "linear",
     "domain": [1,5e5],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Cases",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


{{COVID-19 pandemic interactive maps/India/sandbox}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "formula",
         "field": "v",
         "expr": "parseFloat(datum[+dateStamp])"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "linear",
     "domain": [1,5e5],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Cases",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


Deaths
{{COVID-19 pandemic interactive maps/India|color-ramp-type=sqrt|data-template=Template:COVID-19 pandemic interactive maps/India/India deaths by region|domain-upper-value=20000|legend-title=Deaths|scale=0.7}}

{{COVID-19 pandemic interactive maps/India}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India deaths by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "formula",
         "field": "v",
         "expr": "parseFloat(datum[+dateStamp])"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "sqrt",
     "domain": [1,20000],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Deaths",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


{{COVID-19 pandemic interactive maps/India/sandbox}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India deaths by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "formula",
         "field": "v",
         "expr": "parseFloat(datum[+dateStamp])"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "sqrt",
     "domain": [1,20000],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Deaths",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


Confirmed cases per capita
{{COVID-19 pandemic interactive maps/India|color-ramp-type=linear|data-template=Template:COVID-19 pandemic interactive maps/India/India cases by region|domain-upper-value=8000|legend-title=Cases per million population|per-capita=1000000|scale=0.7}}

{{COVID-19 pandemic interactive maps/India}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "lookup",
         "on": "population",
         "keys": ["id"],
         "onKey": "id",
         "as": ["population"],
         "default": {}
       },
       {
         "type": "formula",
         "field": "v",
         "expr": "round((parseFloat(datum[+dateStamp])/datum.population.Population)*1000000)"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "linear",
     "domain": [1,8000],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Cases per million population",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


{{COVID-19 pandemic interactive maps/India/sandbox}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "lookup",
         "on": "population",
         "keys": ["id"],
         "onKey": "id",
         "as": ["population"],
         "default": {}
       },
       {
         "type": "formula",
         "field": "v",
         "expr": "round((parseFloat(datum[+dateStamp])/datum.population.Population)*1000000)"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "linear",
     "domain": [1,8000],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Cases per million population",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


Deaths
{{COVID-19 pandemic interactive maps/India|color-ramp-type=linear|data-template=Template:COVID-19 pandemic interactive maps/India/India deaths by region|domain-upper-value=250|legend-title=Deaths per million population|per-capita=1000000|scale=0.7}}

{{COVID-19 pandemic interactive maps/India}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India deaths by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "lookup",
         "on": "population",
         "keys": ["id"],
         "onKey": "id",
         "as": ["population"],
         "default": {}
       },
       {
         "type": "formula",
         "field": "v",
         "expr": "round((parseFloat(datum[+dateStamp])/datum.population.Population)*1000000)"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "linear",
     "domain": [1,250],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Deaths per million population",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>


{{COVID-19 pandemic interactive maps/India/sandbox}}


<graph mode="interactive" title="Interactive COVID-19 map of India">{

 "version": 2, 
 "width": 350, 
 "height": 350,
 "padding": 12,
 "background": "#edf1f7",
 "data": [
   {
     "name": "population",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/Population by region",
     "format": {
       "type": "csv"
     }
   },
   {
     "name": "highlights",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India deaths by region",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date"
       }
     },
     "transform": [
     {
         "type": "lookup",
         "on": "population",
         "keys": ["id"],
         "onKey": "id",
         "as": ["population"],
         "default": {}
       },
       {
         "type": "formula",
         "field": "v",
         "expr": "round((parseFloat(datum[+dateStamp])/datum.population.Population)*1000000)"
       } ]
       
   },
   {
     "name": "totalByDate",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India cases",
     "format": {
       "type": "csv",
       "parse": {
         "date": "date",
         "cases": "number"
       }
     }
   },
   {
     "name": "regions",
     "url": "wikiraw://en.wikipedia.org/Template:COVID-19 pandemic interactive maps/India/India map data.json",
     "format": {"type": "topojson","feature": "IND_adm_div_1"},
     "transform": [
       {
         "type": "geopath",
         "value": "data",
         "scale": 574,
         "center": [65,40],
         "translate": [0,0],
         "projection": "equirectangular"
       },
       {
         "type": "lookup",
         "on": "highlights",
         "keys": ["id"],
         "onKey": "id",
         "as": ["zipped"],
         "default": {"v": null, "Regions":"No data"}
       }
     ]
   }
   ],
 "signals": [
   {
     "name": "isDragging",
     "init": false,
     "streams": [
       {"type": "@handle:mousedown","expr": "true"},
       {"type": "mouseup","expr": "false"},
       {"type": "#interactive-covid-19-india-map:mouseout","expr":"false"},
       {"type": "@scrollArea:touchstart", "expr": "true"},
       {"type": "touchend", "expr": "false"}
     ]
   },
   {
     "name": "handlePosition",
     "init": 0,
     "streams": [
       {
         "type": "mousemove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       },
       {
         "type": "touchmove[isDragging]",
         "expr": "clamp(eventX(),0,width)"
       }
     ]
   },
   {
     "name": "scaledHandlePosition",
     "expr": "handlePosition",
     "scale": {"name": "dateScale","invert": true}
   },
   {
     "name": "currentDate",
     "init": "08 Mar 2020",
     "expr": "timeFormat('%d %b %Y',scaledHandlePosition)"
   },
   {
     "name": "dateStamp",
     "init": "2020-03-08",
     "expr": "timeFormat('%Y-%m-%d',scaledHandlePosition)"
   },
   {
     "name": "mousePosition",
     "init": {"expr": "{x: 0, y: 0, datum: {} }"}, 
     "streams": [
       {  
         "type": "@map:mouseover",    
         "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
       },
       {  
         "type": "@map:mouseout",
         "expr": "{x: 0, y: 0, datum: {} }"
       }
     ]
   }
 ],
 "scales": [
   {
     "name": "dateScale",
     "type": "time",
     "clamp": true,
     "domain": {
       "data": "totalByDate",
       "field":"date"
     },
     "range": "width"
   },
   {
     "name": "color",
     "type": "linear",
     "domain": [1,250],
     "domainMin": 1,
     "zero": false,
     "range":  ["#FFEDBC", "#f83600"]
   }
 ],
 "marks": [
 	{
   "name": "hoverOverToolTipName",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 7},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.Region}\u007d"} }
   }
 	},
 	{
   "name": "hoverOverToolTipNumber",
   "type": "text",
   "properties": {
     "enter": {
       "x": {"value": 7},
       "y": {"value": 21},
       "fontSize": {"value": 11.2},
       "fill": {"value": "black"}
     },
     "update": {"text": {"template": "\u007b{mousePosition.datum.v}\u007d"} }
   }
 	},
   {
     "name": "map",
     "type": "path",
     "from": {"data": "regions"},
     "properties": {
       "enter": {
         "path": {"field": "layout_path"}
       },
       "update": {
         "fill": [
           {
             "test": "datum.zipped.v !== 0",
             "scale": "color",
             "field": "zipped.v"
           },
           {"value": "white"}
         ],
         "stroke":{"value": "#989898"}
       },
     "hover": {"fill": {"value": "#989898"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "scrollArea",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350 },
         "stroke": {"value": "#edf1f7"},
         "strokeWidth": {"value": 11.2}
       }
     }
   },
   {
     "name": "scrollLine",
     "type": "rule",
     "properties": {
       "enter": {
         "x": {"value": 0},
         "y": {"value": 28},
         "x2": {"value": 350},
         "stroke": {"value": "#000"},
         "strokeWidth": {"value": 2}
       }
     }
   },
   {
     "name": "handle",
     "type": "symbol",
     "properties": {
       "enter": {
         "x": {"value": 140},
         "y": {"value": 28},
         "size": {"value": 107.8},
         "stroke": {"value": "#880"},
         "strokeWidth": {"value": 1.75}
       },
       "update": {
         "fill": {"value": "#fff"},
         "x": {"signal": "handlePosition"}
       },
       "hover": {"fill": {"value": "#f00"},
     "cursor":{"value":"pointer"} }
     }
   },
   {
     "name": "dateLabel",
     "type": "text",
     "properties": {
       "enter": {
         "x": {"value": 210},
         "y": {"value": 21},
         "fontSize": {"value": 16.8},
         "fontWeight": {"value": "bold"},
         "fill": {"value": "steelblue"}
       },
       "update": {"text": {"signal": "currentDate"} }
     }
   }
 ],
 "legends": [
   {
     "fill": "color",
     "title": "Deaths per million population",
     "properties": {
       "gradient": {
         "stroke": {"value": "transparent"}
       },
       "title": {
         "fontSize": {"value": 9.8}
       },
       "legend": {
         "x": {"value": 175},
         "y": {"value": 42}
       }
     }
   }
 ]

} </graph>