How to use d3.js and node?

Question

Using npm to install d3 and and then using

var d3 = require("d3"),
    jsdom = require("jsdom");

var document = jsdom.jsdom(),
    svg = d3.select(document.body).append("svg");

as mentioned on the d3 documentation does not work because require cannot be used with d3.Using import statement breaks other libraries that I want to use.

Related: stackoverflow.com/questions/66215608/…

Robin Mackenzie
– Robin Mackenzie

2021-06-16 04:42:40 +00:00
Commented Jun 16, 2021 at 4:42 — Robin Mackenzie
– Robin Mackenzie, Commented Jun 16, 2021 at 4:42

Mehdi · Accepted Answer · 2021-08-21 10:59:46Z

1

d3-node might be a suitable solution for you.

It uses jsdom in the background but does all the heavy-lifting for you :)

Quoting the example SVG creation code:

const D3Node = require('d3-node')
const d3n = new D3Node()      // initializes D3 with container element
d3n.createSVG(10,20).append('g') // create SVG w/ 'g' tag and width/height

d3n.svgString() // output: <svg width=10 height=20 xmlns="http://www.w3.org/2000/svg"><g></g></svg>

answered Aug 21, 2021 at 10:59

Mehdi

7,4331 gold badge37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use d3.js and node?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related