Theming

You can customise the map colors and stroke size.

Usage

<ChoroplethG
  {height}
  {width}
  theme={{
    backgroundColor: '#f1feff',
    defaultFill: 'black',
    defaultStroke: 'magenta',
    defaultStrokeWidth: 1,
  }}
  topojson={world_110m_iso_a2}
  topojsonId='countries'
/>

Props

theme

    ▶ { backgroundColor: "#f1feff" ,defaultFill: "black" ,defaultStroke: "magenta" ,defaultStrokeWidth: 1 }
    • backgroundColor: "#f1feff"
    • defaultFill: "black"
    • defaultStroke: "magenta"
    • defaultStrokeWidth: 1

topojson

    ▶ { type: "Topology" ,objects: {…} ,arcs: Array(595) ,bbox: Array(4) ,transform: {…} }
    • type: "Topology"
    • objects: { countries: {…} ,land: {…} }
    • arcs: (595) [ Array(9) ,Array(11) ,Array(5) ,Array(11) ,Array(9) , … ]
    • bbox: (4) [ -180 ,-85.60903777459771 ,180 ,83.64513000000001 ]
    • transform: { scale: Array(2) ,translate: Array(2) }

topojsonId

    "countries"