minimal d3 example for console running

minimal.d3.js

// init
var cl = console.log.bind(console);
var loadJs = src => new Promise((res, rej) => {
    var script = document.createElement('script');
    script.src = src;
    script.onload=()=>{cl('loaded', src); res(src)};
    document.head.appendChild(script);
});

var createDiv = className => {
    var div = document.createElement("div");
    document.body.appendChild(div);
    div.className = className;
};

var insertStyles = styles => {
    var style = document.createElement("style");
    document.body.appendChild(style);
    style.innerText = styles;
};

// load libs

Promise.all([
  loadJs('https://cdnjs.cloudflare.com/ajax/libs/jstat/1.5.2/jstat.min.js'),
  loadJs('https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.13/d3.min.js'),
  loadJs('https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.0.0/lodash.min.js')
])
.then(()=>{

    createDiv('chart');

    var data = [4, 8, 15, 16, 23, 42];

    var x = d3.scale.linear()
        .domain([0, d3.max(data)])
        .range([0, 420]);

    d3.select(".chart")
      .selectAll("div")
        .data(data)
      .enter().append("div")
        .style("width", function(d) { return x(d) + "px"; })
        .text(function(d) { return d; });

});

insertStyles
(`
    .chart div {
      font: 10px sans-serif;
      background-color: steelblue;
      text-align: right;
      padding: 3px;
      margin: 1px;
      color: white;
    }
`)