All Questions
43
questions
3
votes
1
answer
172
views
Add html table with svg to tooltip of d3 treemap
I am doing a visualization web application that presents data using a d3 tree map.
When the user is hovering on the treemap, there is a tooltip displaying data as table with many rows and column like ...
0
votes
0
answers
32
views
Why is the line not drawing for my line graph d3 javascript?
I am fairly new to using javascript and d3. I am trying to draw a line chart and have the data organized and the graph drawn besides the actual line.
Here is what I have currently
function ...
2
votes
1
answer
39
views
Logging Year values to xAxis
I have an SVG Element which want to be a line Graph.
The xAxis of the graph should display years (best with 1 year intervalls: 1980, 1981, ...)
My dataset has year-values which I extract into a d3....
0
votes
1
answer
487
views
Draw a Constant Line in D3.js over another Line Graph
The goal is to display a line as a threshold.
Here is the Line that is drawn from values.
Note: The lineGenerator just takes the respective x, y from the zipped data.
svg
.append('path')
...
3
votes
0
answers
71
views
D3 single line graph mousemove is not working
I am trying to add the mouseover effect to my line graph. However, the hover circle that appears on the graph does not seem to follow my mouse and it stays still at the end of the line graph.
I ...
0
votes
2
answers
1k
views
D3 - How to create multiple line charts from an array of objects
I am trying to create multiple line charts from an array of objects but having difficulty of understanding how to bind the data and create the Y and X axes correctly.
Below is a shortened version of ...
1
vote
0
answers
115
views
D3 multi line chart
This is the data I have to draw on a D3 line graph, where the lines are Addon, Loss, New, Repeat. Same should be shown in the legend:
dataf: [
{
drugs: "BENEPALI",
...
1
vote
1
answer
289
views
dc.js x-axis displaying as decimal rather than whole number
I have a line chart that is the week number on the a-xis and the capacity on the y-axis. However, for some reason the interval for the x-axis is going by 0.5... I want it to go from 1, 2, 3, 4, etc.. ...
3
votes
1
answer
1k
views
d3 break line graph if no data
I am using dc to create a line graph where capacity is on the y-axis and week is on the x-axis. For weeks, the range is 1-52, but there is no data from weeks 2-40. I only have data for week 1 and 41-...
0
votes
1
answer
476
views
Path in Line Chart is too small
I am currently working with d3.js to create a line graph and facing a problem with the correct width and height of the path.
const margin = {
top: 50,
right: 50,
bottom: 50,
left: 50
}
...
2
votes
0
answers
384
views
How to add brush and zoom to multiple plot with multiple y-axix in D3JS?
I'm new to d3js and after studying for I while I started my project. I want to build a chart as that reported in the following figure:
I'd like that zoom in the context graph (the small one) applies ...
0
votes
1
answer
657
views
Is there a function to find the approximate x and y co-ordinate values on a line chart using D3.js?
I have generated a line chart graph using D3. I am aware that I could use biject functionality to get exact values for x and y co-ordinates that I have specified in my data but I am interested in ...
0
votes
0
answers
52
views
linegraph within scatterplot with D3 v3
i am working on a project where i am trying to use this tutorial http://bl.ocks.org/dukevis/6768900. Now i want to incorporate a stock chart within the scatterplot. Through this I can show historic ...
0
votes
1
answer
560
views
How can I properly aggregate / group multiple line graphs into one overall graph with d3.js when the x-values aren't matching exactly?
I have multiple datasets like this:
const server1 = [
{ date: '2019-06-15T00:22:25.000Z', online: 451 },
{ date: '2019-06-15T01:08:58.000Z', online: 499 }
];
const server2 = [
{ date: '2019-06-...
1
vote
2
answers
67
views
Unnecessary gap in line graph paths
I'm trying to create a line with dual color stroke using d3 js. I got some unwanted spacing in-between the paths of the line graph.
I tried implementing this code: http://jsfiddle.net/SampathPerOxide/...