JSFiddle - React, Tailwind, and code Playground

by ztsai

HTML

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://rawgithub.com/palantir/plottable/develop/plottable.js"></script>
<script src="http://rawgithub.com/palantir/plottable/develop/quicktests/exampleUtil.js"></script>
<div class="demo-title">Where are the ticks?</div>
<svg id="demo" width="800" height="800"></svg>

CSS

</style> <link rel="stylesheet" type="text/css" href="https://rawgithub.com/palantir/plottable/develop/plottable.css"> <style type="text/css">
/*-- Add custom styles after this line --*/

JavaScript

window.onload = function() {
    xScale = new Plottable.Scales.ModifiedLog();
    var xAxis = new Plottable.Axes.Numeric(xScale, "bottom");
    var d = [0, 10];
    xScale.domain(d);
    label = new Plottable.Components.Label(d.toString());

    xScale1 = new Plottable.Scales.ModifiedLog();
    var xAxis1 = new Plottable.Axes.Numeric(xScale1, "bottom");
    d = [0, 1];
    xScale1.domain(d);
    label1 = new Plottable.Components.Label(d.toString());

    xScale2 = new Plottable.Scales.ModifiedLog();
    var xAxis2 = new Plottable.Axes.Numeric(xScale2, "bottom");
    d = [-10, 10];
    xScale2.domain(d);
    label2 = new Plottable.Components.Label(d.toString());

    xScale3 = new Plottable.Scales.ModifiedLog();
    var xAxis3 = new Plottable.Axes.Numeric(xScale3, "bottom");
    d = [-9, 9];
    xScale3.domain(d);
    label3 = new Plottable.Components.Label(d.toString());


    xScale4 = new Plottable.Scales.ModifiedLog();
    var xAxis4 = new Plottable.Axes.Numeric(xScale4, "bottom");
    d = [-5, 100];
    xScale4.domain(d);
    label4 = new Plottable.Components.Label(d.toString());


    xScale5 = new Plottable.Scales.ModifiedLog();
    var xAxis5 = new Plottable.Axes.Numeric(xScale5, "bottom");
    d = [-100, 100];
    xScale5.domain(d);
    label5 = new Plottable.Components.Label(d.toString());


    xScale6 = new Plottable.Scales.ModifiedLog();
    var xAxis6 = new Plottable.Axes.Numeric(xScale6, "bottom");
    d = [-10, 10000000];
    xScale6.domain(d);
    label6 = new Plottable.Components.Label(d.toString());


    xScale7 = new Plottable.Scales.ModifiedLog();
    var xAxis7 = new Plottable.Axes.Numeric(xScale7, "bottom");
    d = [-0.5, 10];
    xScale7.domain(d);
    label7 = new Plottable.Components.Label(d.toString());


    xScale8 = new Plottable.Scales.ModifiedLog();
    var xAxis8 = new Plottable.Axes.Numeric(xScale8, "bottom");
    d = [-5, 0];
    xScale8.domain(d);
    label8 = new Plottable.Components.Label(d.toString());


    xScale9 = new...