react-d3-map-bubble
react-d3-map bubble
Example 1
Reference: http://bl.ocks.org/mbostock/9943478
"use strict"; var React = ;var ReactDOM = ;var topojson = ;var MapBubble = MapBubble; var css= ; // Example { var width = 960 height = 600; var us = ; // data should be a MultiLineString var dataStates = topojson; /// data should be polygon var dataCounties = topojson; // class var meshClass = 'border'; var polygonClass = 'land'; // domain var domain = scale: 'sqrt' domain: 0 1e6 range: 0 15 ; var circles = topojsonfeatures var { return +dpropertiespopulation; }; var projection = 'null'; var {return dproperties;} ReactDOM }
Example 2 (Global earthquake)
"use strict"; var React = ;var ReactDOM = ;var topojson = ;var MapBubble = MapBubble; var css= ; // Example// http://bl.ocks.org/mbostock/4060606 { var width = 960 height = 960; var world = ; var earthquake = ; // data should be a MultiLineString var countries = topojson; /// data should be polygon var land = topojson; // class var meshClass = 'border'; var polygonClass = 'land'; // domain var domain = scale: 'sqrt' domain: d3 range: 0 50 ; var circles = earthquake var { return +ddeaths; }; var {return +dlng}; var {return +dlat}; var { delete dcell; delete dcomments; return d; } var scale = width + 1 / 2 / MathPI; var translate = width / 2 height / 2; var precision = 1; var projection = 'mercator'; ReactDOM }
With tile
Install
npm install --save react-d3-map-bubble
License
Apache 2.0