Extension:Graph/Demo/Map

From Linux Web Expert

<graph>{

   "version": 2,
   "width": 1,
   "height": 1,
   "data": [
       {
           "name": "highlights",
           "values": [{"id":"US","v":"blue"},{"id":"AU","v":"purple"},{"id":"CN","v":"red"},{"id":"BR","v":"pink"},{"id":"DZ","v":"green"}]
       },
       {
           "name": "countries",
           "url": "wikiraw:///Extension:Graph/Demo/RawData:WorldMap-iso2-json",
           "format": {"type": "topojson", "feature": "countries"},
           "transform": [
               {
                   "type": "geopath",
                   "value": "data",
                   "scale": 80,
                   "translate":[0,0],
                   "projection": "equirectangular"
               },
               {
                   "type": "lookup",
                   "keys": [ "id" ],
                   "on": "highlights",
                   "onKey": "id",
                   "as": [ "zipped" ],
                   "default": {
                       "v": "#C0C0C0"
                   }
               }
           ]
       }
   ],
   "marks": [
       {
           "type": "path",
           "from": {
               "data": "countries"
           },
           "properties": {
               "enter": {
                   "path": {
                       "field": "layout_path"
                   }
               },
               "update": {
                   "fill": {
                       "field": "zipped.v"
                   }
               },
               "hover": {
                   "fill": {
                       "value": "#989898"
                   }
               }
           }
       }
   ]

}</graph>
<graph>

{
    "version": 2,
    "width": 1,
    "height": 1,
    "data": [
        {
            "name": "highlights",
            "values": [{"id":"US","v":"blue"},{"id":"AU","v":"purple"},{"id":"CN","v":"red"},{"id":"BR","v":"pink"},{"id":"DZ","v":"green"}]
        },
        {
            "name": "countries",
            "url": "wikiraw:///Extension:Graph/Demo/RawData:WorldMap-iso2-json",
            "format": {"type": "topojson", "feature": "countries"},
            "transform": [
                {
                    "type": "geopath",
                    "value": "data",
                    "scale": 80,
                    "translate":[0,0],
                    "projection": "equirectangular"
                },
                {
                    "type": "lookup",
                    "keys": [ "id" ],
                    "on": "highlights",
                    "onKey": "id",
                    "as": [ "zipped" ],
                    "default": {
                        "v": "#C0C0C0"
                    }
                }
            ]
        }
    ],
    "marks": [
        {
            "type": "path",
            "from": {
                "data": "countries"
            },
            "properties": {
                "enter": {
                    "path": {
                        "field": "layout_path"
                    }
                },
                "update": {
                    "fill": {
                        "field": "zipped.v"
                    }
                },
                "hover": {
                    "fill": {
                        "value": "#989898"
                    }
                }
            }
        }
    ]
}

</graph>