We use jsdom to provide a playground for D3’s select().enter().append()
pattern.
xxxxxxxxxx
<html><head>
<meta charset="utf-8">
<style>
body {
font-family: "Helvetica Neue", Helvetica, sans-serif;
margin: 1em auto 4em auto;
padding: 0 20px;
position: relative;
tab-size: 2;
width: 960px;
}
h1 {
font-size: 64px;
font-weight: 300;
letter-spacing: -2px;
margin: .3em 0 .1em 0;
}
h2 {
margin-top: 2em;
}
h1, h2 {
text-rendering: optimizeLegibility;
}
h2 a {
color: #ccc;
left: -20px;
position: absolute;
width: 740px;
}
p {
line-height: 1.5em;
width: 720px;
}
blockquote {
width: 640px;
}
li {
width: 680px;
}
a {
color: steelblue;
}
a:not(:hover) {
text-decoration: none;
}
pre, code, textarea {
font-family: "Menlo", monospace;
line-height: normal;
}
textarea {
font-size: 100%;
}
pre {
border-left: solid 2px #ccc;
padding-left: 18px;
margin: 2em 0 2em -20px;
width: 960px;
overflow-x: auto;
}
</style>
</head>
<body>
<p>We use jsdom to provide a playground for D3’s <code>select().enter().append()</code> pattern.</p>
<p><a href="https://nbviewer.jupyter.org/gist/Fil/aec6cbf62f9b71c3407db87d5eb592e7/D3%20notebook.ipynb" target="_blank">See the notebook on jupyter.org</a>.</p>
<p><a href="https://kyso.io/fil/map" target="_blank">See the notebook on kyso.io</a>.</p>
</body></html>