Material-ui: Add chart components to mui src code

[jessjohn]

Here are screenshots of 3 charts I've whipped up so far:

Vertical Bar Chart

Horizontal Bar Chart

Bullet Chart

The charts are made using nvd3 and each chart's theme inherits from the calling component's mui theme. The screenshots are showing the default-light-theme (they look especially nice when wrapped in the <Paper> component!).

I've got a forked branch set up here that you can look at to see the code.

@shaurya947 @hai-cea - I'd love to hear some thoughts and feedback on adding these components to mui src code.

[isilweo]

Hey, just my few cents here. I think D3+NVD3 is overkill in size. I'm not sure if nvd3.min.js from their github has already d3.js inside but probably not. nvd3.min.js is 210kb + d3.min.js almost 150kb. This sums to 360kb and this is alot. I would love to use D3 but I will wait until they modularize it - https://github.com/mbostock/d3/issues/2461

Maybe an alternative for this is to use PathsJS which is small. Of course you may not agree with this but i think size and complete lack of modularity of nvd3 (+d3) doesn't work well with beauty of material-ui modularity.

[oliviertassinari]

@jessjohn I'm wondering, are these charts related to the material-design specification?

[alitaheri]

Unfortunately this library focuses on implementing the Material Design Specs. We don't want to create a library that does many things. As folks in GNU say, make a lot of tiny libs that do one thing good. So we tend to focus our time on that only.

[Krijovnick]

Hi there,

We are glad to announce that we have begun work on DevExtreme React Charts for Material Design using the delightful Material UI library!

Now we are in the process of intensive development and preparation for the release.

Feel free to download your copy and tell us what you think about its current feature set. We’d love to hear about your business use-case scenarios and how you’d like us to improve our Chart’s going forward.

[oliviertassinari]

@Krijovnick It's exciting, thanks for sharing!