kepler.gl.geoiq
Version:
kepler.gl is a webgl based application to visualize large scale location data in the browser
81 lines (60 loc) • 8.03 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _reactVis = require("react-vis");
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
var Example = exports["default"] = /*#__PURE__*/function (_React$Component) {
(0, _inherits2["default"])(Example, _React$Component);
var _super = _createSuper(Example);
function Example() {
var _this;
(0, _classCallCheck2["default"])(this, Example);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _super.call.apply(_super, [this].concat(args));
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
useCanvas: false
});
return _this;
}
(0, _createClass2["default"])(Example, [{
key: "render",
value: function render() {
var useCanvas = this.state.useCanvas;
var data = this.props.data; // console.log(data);
data.length = 4;
var BarSeries = useCanvas ? _reactVis.HorizontalBarSeriesCanvas : _reactVis.HorizontalBarSeries;
var content = useCanvas ? 'TOGGLE TO SVG' : 'TOGGLE TO CANVAS';
return (/*#__PURE__*/_react["default"].createElement(_reactVis.XYPlot, {
xType: "ordinal",
width: 250,
height: 250,
xDistance: 10
}, /*#__PURE__*/_react["default"].createElement(_reactVis.VerticalGridLines, null), /*#__PURE__*/_react["default"].createElement(_reactVis.HorizontalGridLines, null), /*#__PURE__*/_react["default"].createElement(_reactVis.XAxis, null), /*#__PURE__*/_react["default"].createElement(_reactVis.HorizontalBarSeriesCanvas, {
className: "vertical-bar-series-example",
data: data
}), /*#__PURE__*/_react["default"].createElement(_reactVis.LabelSeries, {
data: data,
getLabel: function getLabel(d) {
return d.x;
}
}))
);
}
}]);
return Example;
}(_react["default"].Component);
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL3dpZGdldC1iYXItY2hhcnQuanMiXSwibmFtZXMiOlsiRXhhbXBsZSIsInVzZUNhbnZhcyIsInN0YXRlIiwiZGF0YSIsInByb3BzIiwibGVuZ3RoIiwiQmFyU2VyaWVzIiwiSG9yaXpvbnRhbEJhclNlcmllc0NhbnZhcyIsIkhvcml6b250YWxCYXJTZXJpZXMiLCJjb250ZW50IiwiZCIsIngiLCJSZWFjdCIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFvQkE7O0FBQ0E7Ozs7OztJQVlxQkEsTzs7Ozs7Ozs7Ozs7Ozs7OzhGQUNYO0FBQ05DLE1BQUFBLFNBQVMsRUFBRTtBQURMLEs7Ozs7OztXQUdSLGtCQUFTO0FBQ1AsVUFBT0EsU0FBUCxHQUFvQixLQUFLQyxLQUF6QixDQUFPRCxTQUFQO0FBQ0EsVUFBT0UsSUFBUCxHQUFlLEtBQUtDLEtBQXBCLENBQU9ELElBQVAsQ0FGTyxDQUdQOztBQUNBQSxNQUFBQSxJQUFJLENBQUNFLE1BQUwsR0FBYyxDQUFkO0FBQ0EsVUFBTUMsU0FBUyxHQUFHTCxTQUFTLEdBQ3ZCTSxtQ0FEdUIsR0FFdkJDLDZCQUZKO0FBR0EsVUFBTUMsT0FBTyxHQUFHUixTQUFTLEdBQUcsZUFBSCxHQUFxQixrQkFBOUM7QUFDQSwyQkFDRSxnQ0FBQyxnQkFBRDtBQUFRLFVBQUEsS0FBSyxFQUFDLFNBQWQ7QUFBd0IsVUFBQSxLQUFLLEVBQUUsR0FBL0I7QUFBb0MsVUFBQSxNQUFNLEVBQUUsR0FBNUM7QUFBaUQsVUFBQSxTQUFTLEVBQUU7QUFBNUQsd0JBQ0UsZ0NBQUMsMkJBQUQsT0FERixlQUVFLGdDQUFDLDZCQUFELE9BRkYsZUFHRSxnQ0FBQyxlQUFELE9BSEYsZUFJRSxnQ0FBQyxtQ0FBRDtBQUNFLFVBQUEsU0FBUyxFQUFDLDZCQURaO0FBRUUsVUFBQSxJQUFJLEVBQUVFO0FBRlIsVUFKRixlQVFFLGdDQUFDLHFCQUFEO0FBQWEsVUFBQSxJQUFJLEVBQUVBLElBQW5CO0FBQXlCLFVBQUEsUUFBUSxFQUFFLGtCQUFBTyxDQUFDO0FBQUEsbUJBQUlBLENBQUMsQ0FBQ0MsQ0FBTjtBQUFBO0FBQXBDLFVBUkY7QUFERjtBQVlEOzs7RUF6QmtDQyxrQkFBTUMsUyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAoYykgMjAyMyBVYmVyIFRlY2hub2xvZ2llcywgSW5jLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvIGRlYWxcbi8vIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHNcbi8vIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yIHNlbGxcbi8vIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczpcbi8vXG4vLyBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpblxuLy8gYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRSBBTkQgTk9OSU5GUklOR0VNRU5ULiBJTiBOTyBFVkVOVCBTSEFMTCBUSEVcbi8vIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyBPVVQgT0YgT1IgSU4gQ09OTkVDVElPTiBXSVRIIFRIRSBTT0ZUV0FSRSBPUiBUSEUgVVNFIE9SIE9USEVSIERFQUxJTkdTIElOXG4vLyBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1xuICBYWVBsb3QsXG4gIFhBeGlzLFxuICBZQXhpcyxcbiAgVmVydGljYWxHcmlkTGluZXMsXG4gIEhvcml6b250YWxHcmlkTGluZXMsXG4gIEhvcml6b250YWxCYXJTZXJpZXMsXG4gIEhvcml6b250YWxCYXJTZXJpZXNDYW52YXMsXG4gIExhYmVsU2VyaWVzLFxuICBWZXJ0aWNhbEJhclNlcmllc1xufSBmcm9tICdyZWFjdC12aXMnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBFeGFtcGxlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGUgPSB7XG4gICAgdXNlQ2FudmFzOiBmYWxzZVxuICB9O1xuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge3VzZUNhbnZhc30gPSB0aGlzLnN0YXRlO1xuICAgIGNvbnN0IHtkYXRhfSA9IHRoaXMucHJvcHM7XG4gICAgLy8gY29uc29sZS5sb2coZGF0YSk7XG4gICAgZGF0YS5sZW5ndGggPSA0O1xuICAgIGNvbnN0IEJhclNlcmllcyA9IHVzZUNhbnZhc1xuICAgICAgPyBIb3Jpem9udGFsQmFyU2VyaWVzQ2FudmFzXG4gICAgICA6IEhvcml6b250YWxCYXJTZXJpZXM7XG4gICAgY29uc3QgY29udGVudCA9IHVzZUNhbnZhcyA/ICdUT0dHTEUgVE8gU1ZHJyA6ICdUT0dHTEUgVE8gQ0FOVkFTJztcbiAgICByZXR1cm4gKFxuICAgICAgPFhZUGxvdCB4VHlwZT1cIm9yZGluYWxcIiB3aWR0aD17MjUwfSBoZWlnaHQ9ezI1MH0geERpc3RhbmNlPXsxMH0+XG4gICAgICAgIDxWZXJ0aWNhbEdyaWRMaW5lcyAvPlxuICAgICAgICA8SG9yaXpvbnRhbEdyaWRMaW5lcyAvPlxuICAgICAgICA8WEF4aXMgLz5cbiAgICAgICAgPEhvcml6b250YWxCYXJTZXJpZXNDYW52YXNcbiAgICAgICAgICBjbGFzc05hbWU9XCJ2ZXJ0aWNhbC1iYXItc2VyaWVzLWV4YW1wbGVcIlxuICAgICAgICAgIGRhdGE9e2RhdGF9XG4gICAgICAgIC8+XG4gICAgICAgIDxMYWJlbFNlcmllcyBkYXRhPXtkYXRhfSBnZXRMYWJlbD17ZCA9PiBkLnh9IC8+XG4gICAgICA8L1hZUGxvdD5cbiAgICApO1xuICB9XG59XG4iXX0=