This component can be used to draw maps, it takes an array of features which determine the geometries to render on the map. It can be used to build more complex maps such as the Choropleth.
Using this component requires some knowledge about the d3-geo
library, projections, geoJSON… please have a look at the
official d3 documentation
for further information.
Please note that because the features file is pretty huge, it's not included
in the generated code, you can find the file used for this example
here,
you'll have to pass the features array to the features property.
The responsive alternative of this component is ResponsiveGeoMap,
it also offers a canvas implementations, see
GeoMapCanvas.
Chart width.
Chart height.
'Depends on device'Adjust pixel ratio, useful for HiDPI screens.
Chart margin.
'mercator'Defines the projection to use.
100Projection scale.
0.5, 0.5][0.5, 0.5]Projection x/y translation.
0, 0, 0][0, 0, 0]Projection rotation.
Define style for common elements such as labels, axes…
0Control border width.
'#000000'#333333Method to compute border color.
Define patterns and gradients.
Define rules to apply patterns and gradients
falseEnable meridians and parallels, useful for showing projection distortion.
0.5Control meridians and parallel lines width.
'#999999'#666666Control meridians and parallel lines color.
trueEnable/disable interactivity.
onClick handler, it receives clicked node data and style plus mouse event.