lucid-ui/lib/components/Axis/examples/3.top.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { Axis, d3Scale } from '../../../index';
var margin = {
  right: 20,
  left: 20
};
var width = 400;
var height = 50;
var innerWidth = width - margin.right - margin.left;
var x = d3Scale.scaleLinear().domain([0, 100000]).range([0, innerWidth]);
export default createClass({
  render: function render() {
    return /*#__PURE__*/React.createElement("svg", {
      width: width,
      height: height
    }, /*#__PURE__*/React.createElement("g", {
      transform: "translate(".concat(margin.left, ", ").concat(height / 2, ")")
    }, /*#__PURE__*/React.createElement(Axis, {
      scale: x,
      orient: "top",
      textOrientation: "horizontal",
      tickCount: 6
    })));
  }
});