Cubism d3 dependency with requirejs

Question

I am having difficulty declaring the cubism's dependency on d3, when using require.js.

Config is as:

requirejs.config({
  baseUrl: './',
  paths: {
    'jquery': './jquery-1.10.2.min',
    'd3': './d3.min',
    'cubism': './cubism.v1'
 },
 shim: {
    cubism: {
        deps: ['d3']
    }
 }
});

The error I am getting is:

cubism.v1.js:187 Uncaught ReferenceError: d3 is not defined
at cubism.v1.js:187
at cubism.v1.js:1331

Please help find me where I did wrong?

Are you using d3 v4? As far as I know, cubism is not compatible with v4. — Gerardo Furtado, Jan 17 '17 at 14:45
I changed d3 to v3 and am getting different error where cubism is not loaded. — Moh Moh Oo, Jan 17 '17 at 15:04
Try it out without require.js first, to see if they are compatible or check the docs. — Legends, Jan 17 '17 at 15:06

score 0 · Accepted Answer · answered Jan 17 '17 at 16:09

Cubism is not loading as expected when using require.js in my case. I have a workaround to this issue where I change the requirejs config as:

requirejs.config({
baseUrl: './',
paths: {
    jquery: './jquery-1.10.2.min',
    d3: 'http://d3js.org/d3.v3.min',
    cubism_v1: './cubism.v1'
},
shim: {
    cubism_v1: {
        deps: ['d3']
    }
}
});

And declare another module as:

define('cubism', ['cubism_v1'], function (cubism) {
   return this.cubism; 
});

Then I am able to use cubism in other places as required.

requirejs(['jQuery', 'd3', 'cubism'], function (jQuery, d3, cubism) {
   // cubism related code here
});

Cubism d3 dependency with requirejs

1 Answers1