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
6
votes
1 answer

Building DC Dashboard with BubbleChart Overlay on Map - Better Example?

I'm working on a visualization similar to this example, linked-to by the dc.js library example homepage. The page has some decent example starter code to go by, however I have a particular question about drawing a bubble chart over a map. In the…
kylerthecreator
  • 1,509
  • 3
  • 15
  • 32
6
votes
1 answer

Updating dc.js data and reapplying original filters

I'm trying to build a reproducible example of this question about how to replace a crossfilter data restoring dimensions and groups - i.e. reapplying any filters created by the user before data is updated. Here's my stab at implementing the…
geotheory
  • 22,624
  • 29
  • 119
  • 196
6
votes
4 answers

D3.js - load csv file from chrome

I 've got a webProject with dc.js (d3.js+crossfilter.js) and ndx.csv file. When i run project into chrome from visual studio, everythings is Ok. Now after build project and copy in other computers, Run that. The problem is here. When i try to run…
Hossein Ganjyar
  • 192
  • 1
  • 2
  • 18
6
votes
1 answer

D3.js get nearest X & Y coordinates for Area Chart

Hi I have an area chart with several X (year) & Y (price) values. As I've found there is easy way to get X, Y coodinates value for chart when user clicks on one of the point on line however clicking outside line i.e. SVG/Chart-Body area can provide…
Borderless.Nomad
  • 761
  • 1
  • 10
  • 23
6
votes
2 answers

Sorting (ordering) the bars in a bar chart by the bar values with dc.js

How can I sort the x-axis (dimension) in the dc.js example by the computed value of the dimension instead of by the name of the dimension itself? For example, consider the dc.js example for an Ordinal Bar Chart…
Gautam
  • 71
  • 1
  • 4
6
votes
0 answers

Tooltips in DC.js ( D3 Library )

DC.js has great functionality built-in to display tooltips per documentation .title([titleFunction]) function. Is there anyway to make the tooltips more like a bootstrap style tooltip similar to rickshaw's implementation?
amcdnl
  • 8,470
  • 12
  • 63
  • 99
6
votes
1 answer

Add legend to pie chart in dc.js

I'm building a dc.js-based visualization where one of the charts is a pie chart. See: http://jsfiddle.net/luiseth/t8we6/ The peculiarity of my case is that the labels that this chart will display are usually rather long, so much that usually get…
Luis E.
  • 841
  • 11
  • 15
6
votes
1 answer

Loading multiple CSV in DC.js, adding a value, and concatenating the results into a single dataTable

I have four CSVs with the same header information, each representing a quarterly result within a year. Therefore for one result I can load it and display it into a dataTable simple via d3.csv("data/first-quarter"), function(dataQ1){ …
johncho
  • 641
  • 2
  • 11
  • 25
6
votes
1 answer

dc.js permalink or href to share the visualisation filter state?

I am working on a dataviz with dc.js (http://edouard-legoupil.github.io/3W-Dashboard/) The main limitation is that when users find a specific fact while they explore the data, it is not easy to reproduce the exact filters they used in order to…
user3148607
  • 191
  • 11
6
votes
1 answer

Adding a filter in dc.js / Crossfilter not updating the chart

jsFiddle: http://jsfiddle.net/PYeFP/ I have a bar chart set up that graphs a users number of trips by day tripVolume = dc.barChart("#trip-volume") .width(980) // (optional) define chart width, :default = 200 …
DannyLane
  • 2,096
  • 1
  • 16
  • 17
5
votes
1 answer

labels inside the heatmap rects

I would like to display the value of heatMap boxes inside the boxes not just in the tool tip. Looks although this feature has yet to be added according to: https://github.com/dc-js/dc.js/issues/1303 , would this be able to be accomplished with…
M_M
  • 173
  • 8
5
votes
1 answer

How to put dc.js and crossfilter.js html page in a Angular component?

I'm trying to put a pie chart into an Angular component. I have built this piechart in a separate HTML file but now I would like to get this HTML into a Single Page Application.
BVB1392
  • 175
  • 1
  • 1
  • 11
5
votes
2 answers

dc.js create dataTable with min max avg values for three columns

Attempting to create a d3/dc/xfilter dataTable with the min, max and average values for 3 of the columns in the sample data. Been struggling for hours but unable to understand how to integrate the reduceAdd, reduceRemove, reduceInitial functions…
crashwap
  • 2,846
  • 3
  • 28
  • 62
5
votes
1 answer

Skipping overlapping labels on x-axis for a barchart in dc.js

How do I skip labels on x axis in dc.js chart dynamically, so that they should not overlap for large dataset. Here is part of my script requestDateBarChart .width(725) .height(300) .margins({top: 10, right: 10,…
ashishraaj
  • 751
  • 7
  • 27
5
votes
2 answers

dc.js barChart first and last bar not displaying fully

I have a barChart with a d3.time.scale x-axis. I am displaying some data per hour, but the first and last data point bars are always cut in half when using centerBar(true). (When using centerBar(false) the last bar disappears completely.) The time…
pnd
  • 422
  • 5
  • 13
1 2 3
…
99 100