How to change D3.js graph from SVG to canvas?

Question

I have a D3.js graph drawn as an SVG. Now, I want to print the graph as an image. Taking a screenshot of the page hasn't worked because the output is the graph's background image. So now I want to try drawing the graph as a canvas. I tried changing the following:

d3.select("svg")

to

d3.select("canvas")

but the graph doesn't appear. A full link to the code is below. What else do I need to change?

http://scrs-test.comli.com/results-demo.php

You'd have to convert all the SVG DOM manipulation to the equivalent canvas methods. — Robert Longson, May 18 '16 at 23:11

score 0 · Answer 1 · answered May 20 '16 at 19:52

0

Try using the SVG Crowbar developed by the New York Times to extract an SVG image, then import that image to Illustrator or Inkscape to rasterize to an image.

Your link to "code" asks me to log-in. :)

answered May 20 '16 at 19:52

yelper

183
1
8

How to change D3.js graph from SVG to canvas?

1 Answers1