d3pie | A configurable pie chart lib and generator built on d3.js | Animation library

Why does not save the chart in PNG format with html2canvas and canvas2image? This is link for my code

I'm trying to create a bar chart with x-axis scroll and bar values on the top of the bars. The values are displaying but after scrolling x-axis, the values are not moving along with the bars.

I tried by removing the appended text but it's not working. Here is my complete code: https://codepen.io/sampath-PerOxide/pen/MZBOmG

I am not a JavaScript expert and I am trying to put a simple pie chart together using the data from a csv file. The sample code for the pie chart with its input data looks like below and it works perfectly.

I have a PIE chart. And it works okay but I can't make it work to be responsive and resizable . I need it to be compatible for a mobile browser and Ipad etc.

I am trying to update a piechart from d3pie.js library however there must be something basic I am missing.

I have two scripts which look the same to me with the only difference being that the update happens via a button press whereas in the other happens on the fly, while the page loads up. I also got an error with the second script Uncaught TypeError: Cannot read property 'value' of undefined. I do get a chart, it is just the wrong one; Instead of 2 slices, get 3 (2 with the same color). The pullOutSegmentevent also doesnt work, so something is really messed-up with the piechart. The pie object looks to be different and maybe this is why the 2nd script fails but I have no idea to get the correct one. Its been doing my head since yesterday. The scripts are inluded below, the first one is the working code, the second the failed one.

Any help highly appreciated!

Hey guys,

Total Webpack (and es6/modern frontend practices) newbie here, so sorry if this is a dumb question.

I'm trying to build a d3 dataviz project using modern web dev standards and am having a lot of trouble getting it up and running -- specifically, I'm getting a weird Uncaught (in promise) TypeError when I launch the local webpack dev server, and none of my d3 elements are displaying. I'm sure it's something very dumb that I'm overlooking but I've been scouring the internet for what feels like forever and unfortunately haven't made any progress. Any guidance would be so, so appreciated.

Full disclosure: this is for a college course, but my teacher knows nothing about modern webdev standards, so I am fully on my own in choosing to develop it this way. I just wanted to give myself a trial by fire in the world of modern JS and now I'm regretting it, lol...

The work-in-progress project is up on GitHub if you need to see any of the other moving parts, and please don't hesitate to let me know if you have questions! Thanks so much.

package.json

I am using C# for programming the back end with MVC 4 design pattern. I have created one controller that binds data on which is stored in viewdata with controller. Here is the JSON that I stored in viewdata["monthTrip"] in the controller.

How do I Create a d3 Pie Chart in Angular 2 If I want to calculate the EMI. I have already created the app for EMI Calculations. Now I want to show a PIE Chart regarding the calculations

This is emi.component.ts

I'm using d3pie.js to create a d3 pie chart. This is the configuration that I'm using.