topogram | Continuous area cartograms with d3 and TopoJSON | Map library

I'm using Topogram project to visualize my IoT network. I just ran the example they provided here. I can see the nodes but edges are not shown in the browser. Here is an image

In the python script they provided for the example,a message prints that it created 20 edges. However, they are not visible on the web interface. Also you can see it shows 0 edges in the top right corner of the interface.

Is there anyone else who use this project and faced this problem? I have very little knowledge about javascript, so I am unable to resolve this issue myself. Also if you happen to know any other projects with a python API which can do the same as this project, I also welcome suggestions.

I am trying to update d3-cartogram to work with D3.js version 4. So far, everything is going fine — I've just been updating all the functions so that they're written in the flattened namespace of version 4. For example, instead of d3.geo.path(), it's d3.geoPath(). I've also changed a few small things so that the code works with the latest version of TopoJSON. For example, instead of topojson.object(topology, geom).coordinates, it's topojson.feature(topology, geom).geometry.coordinates.

But I've encountered a problem I can't seem to solve. The file cartogram.js has a line that reads var areas = objects.map(path.area), where objects is a collection of TopoJSON Features. path.area is different in D3.js versions 2 and 4, and I can't seem to reconcile them. If I console log it in each version, it looks like so:

• Version 2: function (n){return n&&e.hasOwnProperty(n.type)?e[n.type](n):t}
• Version 4: function (t){return U_(t,r(Ag)),Ag.result()}

In version 4, it logs the error: Uncaught TypeError: r is not a function. Naturally, I've already Googled the error along with various descriptions of what I'm trying to do, but I haven't had any luck. Thanks in advance for any help.