# dc > A multi-dimensional charting library built to work natively with crossfilter and rendered using d3.js Latest version **4.2.7** (published 2021-04-08) · Apache-2.0 license · 0 weekly downloads ## Install ```sh npm install dc pnpm add dc yarn add dc bun add dc ``` ## Health **Score 28/100 (F)** — status: abandoned. Positive: has types package; esm support; no vulnerabilities; high quality score. Warnings: low downloads. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 4.2.7 | | Published | 2021-04-08 | | First published | 2012-07-20 | | Weekly downloads | 0 | | License | Apache-2.0 | | TypeScript types | separate (@types/dc) | | Module format | ESM + CommonJS | | Dependencies | 1 | | Unpacked size | 2.5 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 7429 | | Author | Nick Zhu | | Maintainers | jrideout, nick.qi.zhu, gordonwoodhull | | Keywords | visualization, svg, animation, canvas, chart, dimensional, crossfilter, d3 | ## Links - npm: https://www.npmjs.com/package/dc - Repository: https://github.com/dc-js/dc.js - Homepage: http://dc-js.github.io/dc.js/ - Issues: https://github.com/dc-js/dc.js/issues - npm.io page: https://npm.io/package/dc ## Dependencies (1) - [d3](https://npm.io/package/d3.md) ^6.6.2 ## Alternatives - [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads - [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads - [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads - [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads - [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads ## Recent versions - 4.2.7 (latest) — 2021-04-08 - 5.0.0-alpha5 (alpha) — 2024-07-31 - 5.0.0-alpha4 — 2024-04-04 - 5.0.0-alpha3 — 2024-04-01 - 5.0.0-alpha2 — 2024-03-21 - 5.0.0-alpha1 — 2024-03-14 - 5.0.0-alpha0 — 2023-11-03 - 4.2.6 — 2021-04-08 - 4.2.5 — 2021-03-09 - 4.2.4 — 2021-02-15 - 4.2.3 — 2020-12-13 - 4.2.0 — 2020-10-06 - 4.1.1 — 2020-09-18 - 4.1.0 — 2020-08-30 - 4.0.5 — 2020-06-27 - … 107 more at https://npm.io/package/dc/versions ## README [![Build Status](https://api.travis-ci.org/dc-js/dc.js.svg?branch=master)](http://travis-ci.org/dc-js/dc.js) [![Sauce Status](https://saucelabs.com/buildstatus/sclevine)](https://saucelabs.com/u/sclevine) [![NPM Status](https://badge.fury.io/js/dc.svg)](http://badge.fury.io/js/dc) [![cdnjs Status](https://img.shields.io/cdnjs/v/dc?color=green)](https://cdnjs.com/libraries/dc) [![Join the chat at https://gitter.im/dc-js/dc.js](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/dc-js/dc.js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) dc.js ===== Dimensional charting built to work natively with [crossfilter](http://crossfilter.github.io/crossfilter/) rendered using [d3.js](https://d3js.org/). In dc.js, each chart displays an aggregation of some attributes through the position, size, and color of its elements, and also presents a dimension which can be filtered. When the filter or brush changes, all other charts are updated dynamically, using animated transitions. Check out the [example page](http://dc-js.github.com/dc.js/) and its [annotated source](http://dc-js.github.io/dc.js/docs/stock.html) for a quick five minute how-to guide. The detailed [API reference is here](http://dc-js.github.io/dc.js/docs/html/) ([markdown version](https://github.com/dc-js/dc.js/blob/master/docs/api-latest.md)). For more examples and hints please visit the [Wiki](https://github.com/dc-js/dc.js/wiki). Support -------------------- * [Example Site](http://dc-js.github.com/dc.js/) * [Changelog](https://github.com/dc-js/dc.js/blob/develop/Changelog.md) * [Frequently Asked Questions](https://github.com/dc-js/dc.js/wiki/FAQ) and [Wiki](https://github.com/dc-js/dc.js/wiki) * [v4.0 API Reference](http://dc-js.github.io/dc.js/docs/html/) ([markdown](https://github.com/dc-js/dc.js/blob/master/docs/api-latest.md)) ([last - v3.1.9](https://github.com/dc-js/dc.js/blob/master/docs/old-api-docs/api-3.1.9.md)) * [dc.js on StackOverflow](http://stackoverflow.com/questions/tagged/dc.js) - ask questions and get help * [User Group](https://groups.google.com/forum/?fromgroups#!forum/dc-js-user-group) ("mailing list") - discussion and longer topics * [GitHub Issues](https://github.com/dc-js/dc.js/issues) - bug reports and feature requests *Please direct questions and support requests to Stack Overflow or the user group. When posting to Stack Overflow, use the* `[dc.js]` *and/or* `[crossfilter]` *tags - other tags are likely to draw unwanted attention.* Get help faster with a working example! Fork these to get started:
[blank jsFiddle](https://jsfiddle.net/gordonwoodhull/rL82bguk/1) - [example jsFiddle](https://jsfiddle.net/gordonwoodhull/5ztavmjy/2) - [blank bl.ock](https://blockbuilder.org/gordonwoodhull/f6bab3d2f5b34018548207014b4056bf) - [example bl.ock](https://blockbuilder.org/gordonwoodhull/bcf9eaa0bfc2c84373cffac06d5755e5) ## Versioning Version 4.* is compatible with d3 versions 4 and 5. It is not compatible with IE. Use dc.js 3.* if you need IE support, or use dc.js 2.* if you need compatibility with d3 version 3. ## CDN location ``` https://unpkg.com/dc@4/dist/dc.js https://unpkg.com/dc@4/dist/style/dc.css ``` or copy the latest links from [CDNJS](https://cdnjs.com/libraries/dc) Install with npm -------------------- ``` npm install dc ``` Install without npm -------------------- Download * [d3.js](https://github.com/mbostock/d3) * [crossfilter.js](https://github.com/crossfilter/crossfilter) * [dc.js - stable](https://github.com/dc-js/dc.js/releases) * [dc.js - bleeding edge (develop)](https://github.com/dc-js/dc.js) How to build dc.js locally --------------------------- ### Prerequisite modules Make sure the following packages are installed on your machine * node.js * npm ### Install dependencies ``` $ npm install ``` ### Build and Test ``` $ grunt test ``` Developing dc.js ---------------- ### Start the development server ``` $ grunt server ``` * Jasmine specs are hosted at http://localhost:8888/spec * The stock example is at http://localhost:8888/web * More examples are at http://localhost:8888/web/examples License -------------------- dc.js is an open source javascript library and licensed under [Apache License v2](http://www.apache.org/licenses/LICENSE-2.0.html). --- _Source: https://npm.io/package/dc · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._