Skip to main content

All Questions

Tagged with
0 votes
1 answer
46 views

D3.js bar chart into 3D conversion

I am new in d3.js and trying to create a 3d view bar chart using someone custom function to generate 3d bar . Bar is generation and display in svg but not touching to x axis, seems like already bar ...
Mohit's user avatar
  • 355
1 vote
1 answer
44 views

Unable to show positive and negative values together using D3 js

I am using d3.js but I am unable to show both values together on graph that is positive values above the x axis and negative value below x axis ... I tried below code var bar = g.selectAll(".bar&...
ali's user avatar
  • 13
2 votes
1 answer
115 views

Rectangle bar chart design on dynamic value

I would like to develop a design using ReactJS where the sum of values on each side will be 100% and values will divided into 3 sections which can be dynamic The middle section should be maintained as ...
Mohammad Faraz's user avatar
1 vote
1 answer
50 views

How Do I Stack Javascript/ D3 bars on top of each

I am writing a bar graph for data that shows multiple attack tactic with other info. The tactics show up on the X axis, and they are sorted. I want it to be when there is multiple of the same tactic ...
Bailey's user avatar
  • 13
0 votes
1 answer
43 views

Stacked bar chart in D3.js does not stack

I am new to D3.js and I am trying to create a stacked bar chart, but I am not able to stack the values. When calling the .value(([, group], key) => group.get(key).duration) on .stack() I get ...
Way2Pin's user avatar
0 votes
0 answers
19 views

make barchart with D3 using google form data in real time

I am trying to make a bar chart with D3 using google form responses, but I cannot make it. I was trying with the google sheet URL, but the code does not show te graph. Is it possible? This is my code /...
Kevin Santos's user avatar
0 votes
0 answers
48 views

d3js bar chart: panning and zooming to specific values

I want to pan and zoom to a specific area of this bar chart using values from x axis (note, I still want to be able to zoom out/in and pan, so I can't just recreate the chart with the sliced data) ...
ditto's user avatar
  • 6,147
0 votes
0 answers
88 views

Recommendations for adding tooltips in D3.js barchart

I am extremely new to D3 and am attempting to make a simple bar graph with interaction. The data used for this is a short csv that contains book titles, average rating, and number of reviews. So far, ...
jjohn102's user avatar
1 vote
1 answer
101 views

How to add ascending - descending sort buttons in a bar chart using d3.js?

I'm trying to figure out how to add interactive features in a bar chart. Now I'm stuck about program fuctions for a click action using a button to sort ascending and descending. This is my code: const ...
Chaviting's user avatar
0 votes
1 answer
94 views

c3js timeseries chart interval colors

I'm starting with the c3.js library and I want to make a time chart (timeseries) and color-code the values based on some intervals. I receive the data from a json after making a query in PHP. I make ...
user68481's user avatar
2 votes
1 answer
439 views

Stacked bar chart: how to make diverging and vertically centered?

I am using D3 to make a stacked bar chart (for more artistic purposes than scientific). I want to design my stacked bar chart to be centered around one group, with half above and half below an ...
atowe's user avatar
  • 41
1 vote
1 answer
257 views

How to sort D3 Stacked Bar Chart over 2 object properties

I am fairly new to using D3 and have created a stacked horizontal bar chart based off of https://observablehq.com/@d3/stacked-horizontal-bar-chart. This is my chart: I am currently able to sort the ...
alanders's user avatar
1 vote
1 answer
137 views

D3.js v5: How can I use filter() to get the data in the selected region of a brushable bar chart

I was trying to zoom the chart according to the data in the selected region using d3 brush. However, when I tried to use dataselected to receive the filtered data, it just returned an empty array ...
wastecvd's user avatar
0 votes
1 answer
241 views

how can i add text label on y-axis in bar chart d3.js

I would like to display text on y-axis tick point they are like always same even if data changed here are the tick point text ["Low" , "Medium" , "High"] i have tried a ...
jsBug's user avatar
  • 354
0 votes
1 answer
104 views

Bar Chart not properly displayed with d3.js

I am new to d3 and javascript and trying to create a simple bar chart. My CSV file has only two columns (number of visits and places). I have tried to use the following code but the bar chart doesn't ...
Mr.Muu's user avatar
  • 97

15 30 50 per page
1
2 3 4 5
33