Awesome Open Source
Awesome Open Source


Yeoman generator for D3 v4 plugins

Getting Started

Install the generator:

npm install -g generator-d3-plugin

Then run the generator:

yo d3-plugin

and follow the prompts.


  • The plugins are build using rollup which is suggested by D3.

  • Unit test cases can be written in tape, tape is added in devDependencies by default.

  • The plugin can be tested using npm test. Only eslint is enabled for the time being.

  • The plugin can be build using npm run prepublish.

  • Local server with live reloading can be achieved by running npm run watch followed by npm start. (You can run it in the reverse order but you have to refresh the browser in that case).

  • The build is created in /build folder.

  • The examples are found in the /example folder. It is recommended that you use this folder to display example of your plugin.

  • Once the live reloading is on, the builds are created only in the example/build folder. Once you are done developing the plugin run npm run prepublish for final build to the /build folder.


Read more about D3 v4 Plugin and reusable chart component for plugins.

Alternatives To Generator D3 Plugin
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,072,185
Plugin (113,719
D3 (3,911
Yeoman Generator (1,658
Tape (1,398
Scaffolder (198
Chart Component (92