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

d3-tooltips for multiple linked dc.js charts

I'm looking to modify the out-of-the-box tooltips for dc.js, and it seems there is a solution using d3.js tooltips as in this question. However, I'm confused about how to implement this so that the tooltip is modified for all linked graphs in a…
kylerthecreator
  • 1,509
  • 3
  • 15
  • 32
9
votes
2 answers

How to generate svg client-side with d3 without attaching it to the DOM (using with React.js)

I'm using React.js to build an app, which includes quite a few svg charts. I'm using d3 functions that help in chart creation, such as scales, but then using React to generate the svg elements. Here's a great writeup on the approach:…
Jeff
  • 939
  • 10
  • 19
9
votes
7 answers

Hide dc.js chart x-axis

As the image below, the x-axis is very messy due to big range of data. I wish to remove the x-axis, any luck? my current code: toneChart.width(300).height(280) .dimension(tone) .group(toneGroup) .title(function (d) { return ""; }) …
Kai Feng Chew
  • 779
  • 8
  • 24
9
votes
3 answers

Retrieving values in crossfilter.dimension

Hi I'm a newbie in JS and Crossfilter. I'm using crossfilter with my data (.csv file) and retrieved distinct values in a column using var scoreDim = ppr.dimension(function (d) { return d.score; }); Also I could get the counts for each value…
user203617
  • 523
  • 8
  • 20
9
votes
2 answers

Crossfilter average group

Im trying to calculate the average querytime by sum(querytimes) and then dividing them by a count.How can i get the count ? var querytimeByMonthGroup = moveMonths.group().reduceSum(function (d) { return d.querytime; }); var…
Pieter_Daems
  • 1,234
  • 2
  • 14
  • 20
8
votes
1 answer

dc.js add class to data points in multiple charts based on criteria from first chart

In a multi-chart dc.js/d3.js presentation, I wish to trap user click on a datapoint in the first chart, and: identify all points in chart 1 with a value within 30 points of the clicked point; -- done store the indices for these data points; --…
crashwap
  • 2,846
  • 3
  • 28
  • 62
8
votes
2 answers

dc.js Series Chart multi line

I am trying to create 2 charts one bar and one series which the bar will show total earnings per store and series will show multi line earnings per year. Here is the jsfiddle https://jsfiddle.net/xc4bwgLj/ So when I click on Bar chart Store 1, I…
Nick Doulgeridis
  • 583
  • 1
  • 16
  • 31
8
votes
1 answer

Optimising a group of dc.js line graphs

I have a group of graphs visualizing a bunch of data for me (here), based off a csv with approximately 25,000 lines of data, each having 12 parameters. However, doing any interaction (such as selecting a range with the brush on any of the graphs) is…
IronWaffleMan
  • 2,513
  • 5
  • 30
  • 59
8
votes
1 answer

Initial Range selection in DC.js chart

I would like to make an initial range selection in some dc.js charts (bar and line). So I add this for example: .filter([7,10]) And the range appears well on the chart, but apparently 0 observations are selected. I expected a few thousands…
stallingOne
  • 3,633
  • 3
  • 41
  • 63
8
votes
1 answer

dc.js - Listening for chart group render

I'm trying to refactor some custom d3 code that I wrote to render a series of crossfilter-driven charts by bringing in dc.js. My main problem is that I have some chart types that are not supported by dc.js (e.g. a Sunburst Partition) and I'm trying…
Andrea Singh
  • 1,593
  • 13
  • 23
8
votes
5 answers

Show values on top of bars in a barChart

I have a bar chart with ordinal scale for the x-axis. I want to display the y-values on the top of each bar or in the bottom of each bar. It would be also acceptable to display the y-values when one hovers over the bar. Is there a function or a way…
Koba
  • 1,514
  • 4
  • 27
  • 48
8
votes
1 answer

how to create multiline chart using dc.js

I'm making a multi line chart using the Dimensional Charting javascript library dc.js, which is based on d3 and crossfilter. i am new in dc.js library.i am trying to display the multiline chart using csv file.i cant understand how to create…
pramod24
  • 1,096
  • 4
  • 17
  • 38
8
votes
2 answers

Change label text color in row chart

I am using dc.js row chart. Something exactly like the day of the week chart in the example of this page Can someone please suggest how can I change the label colors from white to black.
Andy897
  • 6,915
  • 11
  • 51
  • 86
8
votes
4 answers

Multi-series bar chart in DC-js

I'm using DC.js ( lib on top of D3 ) and have a great example of a single series bar chart: var xf = crossfilter(data); var dim = xf.dimension(function (d) { return d["EmployeeName"]; }); var group = dim.group().reduceSum(function (d) { return…
amcdnl
  • 8,470
  • 12
  • 63
  • 99
8
votes
2 answers

dc.js - data table using jquery data-table plugin

I'm using dc.js to create charts and data table. I wanted to add some pagination styles and search option in the table. jQuery Data table script : $(document).ready(function() { $('#data-table').DataTable(); }) problem is - i get all the…
user3206082
  • 431
  • 9
  • 18
1
2
3
…
99 100