example-paired-entries-D3

One way to add paired elements to a document using D3.

by Tanya Schlusser

HTML

<dl>

CSS

dt {
    font-weight: bold;
}

JavaScript

var pairs = {
    "term1": "definition1",
    "term2": "definition2",
    "term3": "definition3"
};

var pairlist = d3.entries(pairs);

var dl = d3.select("dl")
    .html(new Array(pairlist.length + 1).join("<dt/><dd/>"));

dl.selectAll("dt").data(pairlist)
    .html(function (d) {
    return d.key;
});
dl.selectAll("dd").data(pairlist)
    .html(function (d) {
    return d.value;
});