Stack Overflow
Stack Overflow

Questions tagged [dc.js]

dc.js is a JavaScript charting library with native Crossfilter support that fosters highly efficient exploration of large multi-dimensional datasets (inspired by Crossfilter's demo).

dc.js is a JavaScript charting library with native Crossfilter support that fosters highly efficient exploration of large multi-dimensional datasets (inspired by Crossfilter's demo). It leverages D3.js to render charts in the CSS-friendly SVG format, and it works best with flattened data. Charts rendered using dc.js are naturally data-driven and reactive, and therefore provide instant feedback to users' interactions.

Useful links

Related tags

1845 questions
40
votes
5 answers

Is there a way to tell crossfilter to treat elements of array as separate records instead of treating whole array as single key?

I have data set where some of the field values are arrays and I'd like to use crossfilter and d3.js or dc.js to display histogram of how many times each of those values was present in the dataset. Here's an example: var data = [ …
Kostya Marchenko
  • 811
  • 1
  • 8
  • 7
22
votes
1 answer

What is the correct way to import and use d3 and its submodules in ES6?

I'm trying to use a number of d3 packages in a Vue.js project with NPM for package management. I was trying to make a fiddle of a problem I'm having but am unable to replicate the issue there - the code works exactly as it should do. I'm trying to…
Mourndark
  • 2,526
  • 5
  • 28
  • 52
22
votes
2 answers

Properly display bin width in barChart using dc.js and crossfilter.js

I'm making a bar chart using the Dimensional Charting javascript library dc.js, which is based on d3 and crossfilter. All I want to do is display a histogram with a specified number of bins, this should be easy using the barChart function. I have an…
conradlee
  • 12,985
  • 17
  • 57
  • 93
20
votes
2 answers

How to make the dc.js charts responsive

Is there a any way to make the dc.js charts responsive? I'm struggling a lot to make the charts fit the desktop size. I'm using Twitter Bootstrap 3. I store the width of the div to a variable and pass it to the chart width. This will not make the…
Unknown User
  • 3,598
  • 9
  • 43
  • 81
19
votes
0 answers

Error: attribute transform: Trailing garbage, "translate(0,NaN)" on dc.js brushing

The purpose of my code is to use the range chart(bar chart) that shows the count of the datasets produced in years, to brush on the focus chart(line chart). The focus chart then displays the count on the monthly basis. My code is here . It seems to…
user3050590
  • 1,656
  • 4
  • 21
  • 40
18
votes
1 answer

Loading external csv file in jsfiddle

I am trying to create a jsfiddle for one of the dc.js examples. I am not able to load an external file using a URL and d3.csv(). Can someone please suggest how to load a csv file using d3.csv in jsfiddle.
Andy897
  • 6,915
  • 11
  • 51
  • 86
18
votes
2 answers

Using an ordinal scale ('d3.scale.ordinal') for the x-axis in a bar chart

I have a data array like this: var data = [{"Alphabet_Type":"a"}, {"Alphabet_Type":"b"}, {"Alphabet_Type":"a"}]; I am using: dc.js crossfilter.js d3.js I want to create a bar chart with: the x-axis having an alphabet name, and the y-axis…
Arun
  • 385
  • 3
  • 7
  • 16
13
votes
2 answers

Reorder datatable by column

I was wondering if there is any known way to efficiently add a "Reorder" feature to my datatables in dc.js. It would be great if my users, after having done their selection with the charts, could decide according to which column the filtered rows…
xav
  • 4,101
  • 5
  • 26
  • 32
11
votes
2 answers

d3+crossfilter: Date-axis renders pixelthin bars

I spent the better part of the day trying to get a nice Date-axis histogram, to the extent that I'm posting my first question on stackoverflow. The axis and the stacking are just the way I want it, however the bars are really thin for no (to me)…
o-o
  • 8,158
  • 2
  • 20
  • 21
10
votes
3 answers

Load large dataset into crossfilter/dc.js

I built a crossfilter with several dimensions and groups to display the data visually using dc.js. The data visualized is bike trip data, and each trip will be loaded in. Right now, there's over 750,000 pieces of data. The JSON file I'm using is 70…
shaunjacobsen
  • 639
  • 1
  • 8
  • 20
10
votes
1 answer

Does Crossfilter require a flat data structure?

All the examples of Crossfilter I've found use a flat structure like this: [ { name: “Rusty”, type: “human”, legs: 2 }, { name: “Alex”, type: “human”, legs: 2 }, ... { name: “Fiona”, type: “plant”, legs: 0…
JFSIII
  • 8,399
  • 1
  • 13
  • 6
9
votes
1 answer

Composite Graph from Crossfilter Example

Starting from the payments example crossfilter (https://github.com/square/crossfilter/wiki/API-Reference) how may we create a Composite Chart with one Line Chart for each payment type (tab, visa, cash)?
Vance Shipley
  • 737
  • 4
  • 17
9
votes
3 answers

How to create stacked row chart with one row with dc.js?

On the DC.js github, Stock Market Selection Strategy by Lon Riesberg is listed as an example of using the dc.js library. Lon was able to create a stacked row chart and display it as a single row. I'd like to be able to accomplish the same thing.…
Chris
  • 5,444
  • 16
  • 63
  • 119
9
votes
2 answers

dc datatable without grouping the rows

Is it possible to have a dc data table without showing the data in groups? I just want to show all the data across all groups! My code is as follows: dc.dataTable(".dc-data-table") .dimension(dateDimension) .group(function (d) { return '' …
J86
  • 14,345
  • 47
  • 130
  • 228
9
votes
1 answer

Custom Text filter for DC.js dataTable

I'm building a dashboard to show some data. I have several charts and a table listing all of the data. I'm trying to add search functionality to filter the chart. I have a bunch of companies and some data about each. So if I search for "Appl" only…
rbristow
  • 183
  • 2
  • 15
1
2 3
…
99 100