• I'm not sure why I cannot visit 'https://gitter.im/d3plus/'
• I'm using 'd3plus-network' in Angular5. It works just fine when I copy and paste the 'simple network 'sample code. But When I try to run 'simple rings' example code. It throws:

ERROR TypeError: Cannot read property 'id' of undefined
    at Circle.fontResize (Rings.js:438)
    at TextBox._fontResize (configPrep.js:22)
    at TextBox.js:94
    at Array.reduce (<anonymous>)
    at TextBox.render (TextBox.js:89)
    at Circle._renderLabels (Shape.js:479)
    at Circle.render (Shape.js:553)
    at Circle.render (Circle.js:48)
    at Rings.js:452

• My code:

import { Component, OnInit } from '@angular/core';
import * as d3plusNet from 'd3plus-network';

export class test implements OnInit {
    constructor() { }
    ngOnInit() {
    }
    links = [
        { "source": "alpha", "target": "beta" },
        { "source": "alpha", "target": "gamma" },
        { "source": "beta", "target": "delta" },
        { "source": "beta", "target": "epsilon" },
        { "source": "zeta", "target": "gamma" },
        { "source": "theta", "target": "gamma" },
        { "source": "eta", "target": "gamma" }
    ];
    drawD3() {
        new d3plusNet.Rings()
            .links(this.links)
            .label(d => d.id)
            .center("alpha")
            .render();
    }
}

• I debugged Rings.js. It gets 'id' from d.data.id. I find there is value of d.id

using this d3 layout: https://github.com/d3/d3-sankey

Version 1.0.5 of d3-force just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-force is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

I've been trying to use d3plus 2.0 for a number of visualizations, but every time I try to use the new module/class structure, I get an error of "X" is not a constructor. The images below show the failure which is specific to the network class, but I get the same failure whenever I try any other class from the 2.0 examples page.

This is my basic script and failure:

This is my basic HTML file:

This is my package.json (showing the 2.0 version installed by npm):

Is this an error on my part (very likely), or is something else wrong?

Version 1.4.0 of d3-zoom just got published.

This version is covered by your current version range and after updating it in your project the build failed.

d3-zoom is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

1.0 example: http://d3plus.org/examples/advanced/10503617/

Might need to add some logic in d3plus-shape for this one

Version 1.0.5 of d3-selection just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-selection is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Version 1.0.3 of d3-array just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-array is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Expected Behavior

Network is displayed if the source and target keys in each link map to a String value matching the id of the node.

var nodes = [
  {id: "alpha", x: 1, y: 1},
  {id: "beta", x: 6, y: 1},
  {id: "gamma", x: 4, y: 4}
];

var links = [
  {source: "alpha", target: "beta"},
  {source: "alpha", target: "gamma"}
];

new d3plus.Network()
  .links(links)
  .nodes(nodes)
  .render();

Current Behavior

Network is not displayed, exception in console.

d3plus-network.v0.5.full.min.js:31 Uncaught TypeError: Cannot read property 'id' of undefined
    at d3plus-network.v0.5.full.min.js:31
    at Array.reduce (<anonymous>)
    at t [as _draw] (d3plus-network.v0.5.full.min.js:31)
    at hg._call (d3plus-network.v0.5.full.min.js:31)
    at pg (d3plus-network.v0.5.full.min.js:7)
    at hg.awaitAll (d3plus-network.v0.5.full.min.js:7)
    at t [as render] (d3plus-network.v0.5.full.min.js:31)
    at window.onload ((index):44)

Steps to Reproduce

1. Create a JSFiddle out of this example.
2. Replace indexes of nodes in links with String values of the id key in nodes.
3. Example: https://jsfiddle.net/ucdx801f/

Version 1.0.4 of d3-brush just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-brush is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

In this moment, Sankey diagram works fine, but it's very restrictive with the data format. For example, you need passing a variable with nodes and links, you cannot passing a PATH URL for links / nodes.

I propose improve how the Sankey diagram works, simplifying at least the data passed into links attribute.

dependent on this issue: d3plus/d3plus-shape#78

ariaLabel should be based on the following formula: ${drawLabel}, ${nodeSize}.

Expected Behavior

Like oec in prod:

Current Behavior

Like oec in dev:

Steps to Reproduce (for bugs)

1. Go to france profile
2. Product space section
3. Click on Delivery Trucks bubble

Your Environment

• Browser Name: chrome
• Operating System and Version: mac os

I am working on implementing the Network library and am getting a Uncaught TypeError: e is null error when there is a 1:1 network, as in there are only two nodes with only one link in between. I find that 1:n networks render fine. You should be able to replicate this with your own example by reducing the nodes object to 2 items and reducing the links to only one object with a {source : 0, target : 1}.

https://github.com/d3/d3-sankey#sankey_nodePadding

I took HS92 data (exports, nodes and links) from the OEC to show the product space.

This is my HTML file:

<!doctype html>
<html>

<head>

  <meta charset="utf-8">
  <script src="https://d3plus.org/js/d3plus-network.v0.1.full.min.js"></script>

  <style>

    body {
      margin: 0;
      overflow: hidden;
    }

  </style>

</head>

<body></body>

<script>

  new d3plus.Network()
            .data("chl_chn_2010_hs92_4.json")
            .links("edges_hs92_4.json")
            .nodes("nodes_hs92_4.json")
            .render();

</script>

</html>

Chrome inspector shows this error:

Uncaught TypeError: this._nodes.reduce is not a function
    at e [as _draw] (d3plus-network.v0.1.full.min.js:7)
    at tv._call (d3plus-network.v0.1.full.min.js:7)
    at av (d3plus-network.v0.1.full.min.js:7)
    at d3plus-network.v0.1.full.min.js:7
    at d3plus-network.v0.1.full.min.js:7
    at Object.<anonymous> (d3plus-network.v0.1.full.min.js:7)
    at ta.call (d3plus-network.v0.1.full.min.js:7)
    at XMLHttpRequest.f (d3plus-network.v0.1.full.min.js:7)```

Version 1.0.5 of d3-scale just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-scale is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Version 0.6.15 of d3plus-common just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3plus-common is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

a lot of the links on this github repo readmes end to 404
e.g.
https://d3plus.org/examples/d3plus-network/force-network/

The idea here is to have a network layout centered on a single node and to show 2 levels of connections (neighbors and neighbors' neighbors). This was in the old d3plus so there should hopefully be a lot of reusable parts.

Old code: https://github.com/alexandersimoes/d3plus/blob/master/src/viz/types/rings.js

Example: https://atlas.media.mit.edu/en/visualize/rings/hs92/export/chn/all/2607/2016/

Version 0.4.11 of d3plus-dev just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3plus-dev is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

I have a pretty extreme edge use case, where I am using the d3plus network to create a graph of the links between symbols that appear in conjunction with each other on ancient Greek coins. These symbols have SVG representations, and ideally I would like to display them in some way within the network visualization. I attempted the following in the config:

label: function (node) {
            if (node.hasOwnProperty('image')) {
                return node.label + ' <img src="' + node.image + '" style="width:16px"/>';
            } else {
                return node.label;
            }
}

Because the d3plus visualization is SVG itself, injecting a bit of HTML into label doesn't do anything, although surprisingly the tooltip will display the SVG graphic (see attached image).

Is there any solution for this? Ideally, I would like to embed the SVG graphic into the node circle, but displaying the SVG in the tooltip is acceptable enough. However, as you can see in the screenshot, the <img> tag is just displayed as text in the node. Is it possible to control the tooltip more directly, or is it inextricably bound to the label?

Expected Behavior

Be able to provide a list of nodes & edges with a link strength value to dynamically render force-directed layouts for networks

Current Behavior

Need to provide x/y positions for nodes

Steps to Reproduce

Along the lines of https://bl.ocks.org/mbostock/4062045

Version 1.1.3 of d3-zoom just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-zoom is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴