JSFiddle - React, Tailwind, and code Playground

by nrabinowitz

HTML

<script src="http://d3js.org/d3.v2.js"></script>

JavaScript

var newWindow = window.open('');

var newWindowRoot = d3.select(newWindow.document.body);

// now do some writing with D3
var data = [
    { foo: "Foo 1", bar: "Bar 1" },
    { foo: "Foo 2", bar: "Bar 2" }
];

var table = newWindowRoot.append('table');

var rows = table.selectAll('tr')
    .data(data);

rows.enter().append('tr');
rows.exit().remove();

var cells = rows.selectAll('td')
    .data(function(d) { return d3.entries(d); });

cells.enter().append('td');
cells.exit().remove();

cells.text(function(d) { return d.value; });