Configurable Example of
Geochart.js
Refresh Map
{ "bindTo": "#geochart-map", "map": "../geochart-world.json", "data": "data.json", "format": { "date": "DD.MM.YYYY" }, "style": { "seaColor": "#B8D5EA", "countryColorRangeStart": "rgb(182,218,195)", "countryColorRangeEnd": "rgb(7,84,37)", "countryColorNoData": "#efefef", "countryStrokeColor": "#CCC", "countryStrokeWidthMin": "0.07", "countryStrokeWidthMax": "0.3", "selectedCountryColor": "#FFE700", "selectedCountryStrokeColor": "#000000" }, "label": { "mapListTitle": "Data Distribution", "configurationDataType": "DATA TYPE", "configurationColorFunction": "COLOR FUNCTION", "colorFunction": { "log": "Logarithmic", "linear": "Linear", "quadratic": "Quadratic", "sqrt": "Square Root", "cubicroot": "Cubic Root" } }, "properties": { "mapName": "geochart-world-map", "zoomRange": [1, 9], "fullscreen": true, "noControls": { "inGeneral": false, "inSmallMap": true, "smallMapThreshold": 600 } } }