lucid-ui
Version:
A UI component library from AppNexus.
32 lines • 1.34 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var lodash_1 = __importDefault(require("lodash"));
var index_1 = require("../../../index");
var data = [
{ x: 'one', y: 10 },
{ x: 'two', y: 100 },
{ x: 'three', y: 1000 },
{ x: 'four', y: 10000 },
{ x: 'five', y: 100000 },
];
var width = 750;
var height = 400;
var yScale = index_1.d3Scale.scaleLog().domain([1, 1000000]).range([height, 0]);
var xScale = index_1.d3Scale
.scaleBand()
.domain(lodash_1.default.map(data, 'x'))
.range([0, width]);
function App() {
return (react_1.default.createElement("svg", { height: 600, width: 1000 },
react_1.default.createElement("g", null,
react_1.default.createElement(index_1.Bars, { data: data, xScale: xScale, yScale: yScale })),
react_1.default.createElement("g", null, lodash_1.default.map(data, function (item) {
return (react_1.default.createElement("text", { textAnchor: 'middle', x: xScale(item.x) + xScale.bandwidth() / 2, y: yScale(item.y) - 10, fill: 'gray' }, item.y));
}))));
}
exports.default = App;
//# sourceMappingURL=03.log-scale.js.map