Images required?

[emmanuelrflores]

For my use, we don't need the images. If I take out the nodeImage from the example you have, I get a 'cannot read property 'url' of undefined' at the "add images to pattern" part of the code where it tries to look for an image. Is there something that needs to be done to ignore the image?

The code below is from Chrome dev tools.

// Add images to patterns
        const patternImages = patterns.patternify({
            tag: 'image',
            selector: 'pattern-image',
            data: d => [d]
        })
            .attr('x', 0)
            .attr('y', 0)
            .attr('height', ({
                imageWidth
            }) => imageWidth)
            .attr('width', ({
                imageHeight
            }) => imageHeight)
            .attr('xlink:href', ({
                data
            }) => data.nodeImage.url) <------ HERE
            .attr('viewbox', ({
                imageWidth,
                imageHeight
            }) => `0 0 ${imageWidth * 2} ${imageHeight}`)
            .attr('preserveAspectRatio', 'xMidYMin slice')

[emmanuelrflores]

Actually, I'm seeing in the latest version there's a check if data.nodeImage exists, but in the version I've pulled from npm it has the above.

[bumbeishvili]

@emmanuelrflores you are right, npm version is not updated yet, I will go ahead and will update it right away

[emmanuelrflores]

Awesome! I'll close this out once it's done. Thank you for the quick reply!

[bumbeishvili]

Published

https://unpkg.com/d3-org-chart@1.0.13/index.js