I've started using dc.js today, and I managed to create almost every graph I wanted which on one axis has data from data set, and on other axis it has data calculated from other data (counts, sums etc). But now I can't for the life of me figure out how to create regular graph in dc.js which on one axis has column from original data set, and on other axis has another column from original data set, and maintaining the whole zooming feature of dc.js and crossfilter.
Related
I've created a mixed chart (line/column/scatter) that receives around +5000 data points. The performance drops when implementing it with the scatter charts because of the set marker sizes.
I've followed the performance guide mentioned in https://github.com/apexcharts/apexcharts.js/issues/214 that recommends disabling animations, markers and data labels. The chart performed well but by adding scatter points where you've to set the marker size the performance dropped.
Is there a way to make a high performance Scatter chart with +5000 data points (main goal is to combine lines and dots for data visualization) ?
I have a scatterplot created with d3. The circles/points are all the same size. The grid goes from 1-10 on both x and y axes. All points have x and y values of whole numbers (no decimals).
My problem is that I frequently have multiple data points with the same coordinates. Because the points are all the same size I can't tell how many points are at a single spot.
My points have tooltips, one for each data point. So, I was thinking that it's OK to show only a single point/circle if I can show a tooltip that contains information about all points with the same x/y coordinate. I can't think of a way to do that though because the tooltips seem to be generated for a single point, not "for all points at the same coordinate", or generated dynamically.
How can I do this?
As #LarsKotthoff mentioned, aggregating my data before rendering and adding a key function to identify each aggregate were the two steps needed to get everything working properly.
I would like to know, if there is existing code or best practices to realize ordinal axis with a certain hierarchy. Perhaps a example shows, what I mean. I try to realize a Business Support Map like shown in the following image (the upper part, without the legend):
In essence this is a X-Y matrix with cells. The cell coordinates (Acquisition, Headquater, etc.) define the parent layer of the hierarchy. Within each cell there is child ordinal hierarchy of the cell elements. Later on pan and zoom, as well as the addition of layers, which show KPIs, indicators and aggregated data should be easy.
What is here a good combination of scale and axis? Is it easier to build a custom layout?
I intend to draw maps using d3.js and geoJson.
I need to plot circles on this map.These circles when hovered should get bigger and display some data inside that.
Also,i need to create a time line scale which will increase and decrease the circles in the map based on the data for that particular time frame.
I am able to draw map with the help of geo JSON file but the problem is how to plot the circles such that when map is moved in the canvass the circle remains at same position inside the map.I mean the circles should be relative to map not relative to canvass.
Secondly I am not able to understand how the coordinate system of maps work.
Any help Please..
I'm a bit new to D3, so I apologize if this is trivial.
I want to create a histogram that allows a user to brush over parts of a histogram and display all of the selected data points in a table separate of the histogram. Basically, I want to create (http://square.github.com/crossfilter/) in D3 using a "brush". All of the examples that I've seen have bar charts instead of histograms. I couldn't get anything to work by creating the brush in a histogram visualization. Is this possible or should I just re-tool a bar graph into a pseudo-histogram?
Thank you!