Template:COVID-19 pandemic interactive maps/India/testcases
This is the template test cases page for the sandbox of Template:COVID-19 pandemic interactive maps/India. Script error: No such module "Purge". to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki, see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins with these links: |
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>
|