repository·develop·Indexed 27 days ago
https://github.com/dc-js/dc.jsA multi-dimensional charting library built to work natively with crossfilter for data management and rendered using d3.js. It enables the creation of interactive, linked charts where filtering one dimension dynamically updates all others. The library includes a variety of chart types such as BarChart, PieChart, LineChart, and ScatterPlot, as well as specialized widgets like DataCount, DataTable, and TextFilterWidget. Version 4.2.7 is compatible with d3 versions 4 and 5.
dc.js is a library for dimensional charting designed to work natively with crossfilter. It uses d3.js for rendering.
Each chart in dc.js displays an aggregation of attributes through position, size, and color, and provides a dimension that can be filtered. When a filter or brush is applied, all other charts update dynamically using animated transitions.
dc namespace. It does not introduce any other variables or functions into the global namespace, preventing naming collisions.dc namespace. It does not introduce any other variables into the global namespace, preventing collisions with other libraries.colorMixin provides universal coloring support for chart implementations. You can manage colors using scales, ordinal ranges, or linear interpolations.dc.baseMixin is an abstract functional object that serves as the base for all chart and widget implementations in the dc library. All chart types inherit methods from baseMixin, providing core functionality such as dimension/group management, rendering, resizing, and filtering.The BaseMixin is an abstract functional object that serves as the foundation for all chart and widget implementations in dc.js. All chart implementations inherit methods from BaseMixin, providing core functionality for dimensions, data, rendering, and resizing.
Key inherited capabilities include:
height, width, minHeight, minWidth, and useViewBoxResizing.dimension (Crossfilter dimension), group (Crossfilter group), and data callbacks.render(), redraw(), renderGroup(), and resetSvg().filter(), replaceFilter(), filters(), and filterAll().anchor, root, and svg elements.CoordinateGridMixin is an abstract base mixin used to create coordinate grid-based charts like bar, line, and bubble charts. It provides core functionality for managing scales, axes, zooming, and brushing. It mixes in ColorMixin and MarginMixin.The entire dc.js library is scoped under the dc global namespace. Most dc functions support function chaining, where the function returns the current chart instance to allow multiple configuration calls in a single statement.
Note that getter functions (functions used to retrieve values rather than set them) do not participate in chaining because they return the requested value instead of the chart instance. However, some getters like .svg() and .xAxis() return chainable d3 objects.
// Example chaining
chart.width(300)
.height(300)
.filter('sunday');dc.js in your webpage as a UMD (Universal Module Definition) script. When used this way, the entire library is scoped under the global dc namespace.Most dc functions support method chaining. This allows you to configure a chart instance by calling multiple methods in a single sequence, as each method returns the current chart instance where appropriate.
Note: The API documentation will specify if a particular function is not chainable.
chart.width(300)
.height(300)
.filter("sunday")dc.js v4 is a major update that moves to ES6. Key implications include:
dc.<script> tag in a browser, the library is exposed under the dc namespace.dc no longer includes crossfilter2 as an npm dependency. dc.crossfilter is no longer exported; you must use crossfilter directly.dc.js as ES6 modules by importing the specific classes and functions you need into your project. This allows for tree-shaking and explicit dependency management.