Table chart using nvd3 - d3.js

I have created bar chart, pie chart and stacked area graph using nvd3. But now I want to create table chart using same data. Is there any way to create table chart using json data in nvd3 ?

Let's turn his question into: how do you extend nvd3 to create new chart types? I could not find documentation on this.
I'd personally like to combine the candlestickBarChart with a lineChart.

Related

Creating a grouped and stacked bar chart with nvd3

I am looking to create a chart with nvd3 that looks like the one below:
In this chart, it is essentially a nested x-axis where I have a price ranges, and I am tracking the prices from different stores (and the categories within each store) in those ranges. I know I can do a simple chart with just one store and then I wouldn't need the nested x-axis, but I need to be able to do the side-by-side comparison as well.
Looking through the examples and documentation, it appears that nvd3 does not support this advanced chart type. I have used nvd3 to create plenty of simple bar charts, but this is my first attempt at a more advanced chart. If nvd3 does not support this, is there a library outside of d3 itself that you can recommend. I have looked at dimple.js, but it does not look like that it is being actively supported as the last commit was in 2016.

Make a custom chart / plot with dc.js, d3.js and crossfilter

I want to create my own chart with d3.js and use it with dc.js such that I can interact with the chart along with other charts with crossfilter support. Is there any way to do so?
To be exact I want to show a graph like in this.

How to make d3.js charts interact with dc.js

We have multiple charts developed in d3.js. We are creating a dashboard where user can add multiple charts which will be visible in one view.
Is is possible to create interactivity between these charts and dc.js? Or do we need to develop these charts in dc.js again?
Please suggest an alternate in case of No.

Multi bar chart using NVD3.js

I need to create a multibar chart using NVD3.js. All the example are showing bars belongs to the same Y1-Axis. I need to show bar1 for Y1-Axis and bar2 for Y2-axis.
Is it possible? How can I achieve it?
It's not possible with NVD3 as it's built for re-usability. You could try drawing multiple bar charts alongside each other or try using pure d3.
Have not done/tried stuff like this.
If you manage to find a solution, please do share your solution. It's interesting.
Update
Have you noticed how the charts in the NVD3 homepage work. All 4 charts change based on the selection of categories on the MultiBarChart legend. You could try something similar.

legend in dhtmlx vertical barchart

I am using dhtmlx vartical barchart.
I have loaded the barchart dynamically using json object.
now,I want to know what is legend?and how to display legend in dhtmlx chart
You can set legend in chart config. Here is the link to similar sample:
http://www.dhtmlx.com/docs/products/dhtmlxChart/samples/06_bar_chart/06_series.html

Resources