search

c3js / c3

:bar_chart: A D3-based reusable chart library
http://c3js.org
MIT License
9.33k stars 1.39k forks source link

minimum d3js import list #2407

Open laurentdebricon opened 5 years ago

laurentdebricon commented 5 years ago

Hello, what is the minimum d3js requirement for c3 ?

I would like to produce a minimal build for d3.js with stuff like : import {scaleLinear} from "d3-scale";

From the doc of D3 : "D3 is written using ES2015 modules ..." https://github.com/d3/d3

so if anyone has the list, could be great. I am currently building a Vuejs application with webpack and with the vue wrapper around C3 : https://github.com/chryb/vue-c3 . My bundle size is big just for one little graph, that's why my question.

ahorek commented 5 years ago

these works for me, it will reduce d3 size by around 50% d3-array.js d3-brush.js d3-collection.js d3-color.js d3-dispatch.js d3-ease.js d3-format.js d3-interpolate.js d3-path.js d3-scale-chromatic.js d3-scale.js d3-selection.js d3-shape.js d3-time-format.js d3-timer.js d3-transition.js d3-zoom.js

davidhund commented 5 years ago

I am very interested in a custom build of C3, importing only necessary D3 modules for our use-case. (E.g. only time-series base line-charts with tooltips, zoom and selection)

However: I could not get it to work properly in a Rollup/ES6 imports project.

Any working examples/tips on how to build a custom version of C3 (slimming down the considerable size) would be appreciated!

It seems a much-requested feature but I could not find any working examples.

JamesMcMahon commented 4 years ago

these works for me, it will reduce d3 size by around 50% d3-array.js d3-brush.js d3-collection.js d3-color.js d3-dispatch.js d3-ease.js d3-format.js d3-interpolate.js d3-path.js d3-scale-chromatic.js d3-scale.js d3-selection.js d3-shape.js d3-time-format.js d3-timer.js d3-transition.js d3-zoom.js

How do you translate the above to config? Does anyone have an example?