All Questions
Tagged with visualization d3.js
1,519
questions
1
vote
0
answers
55
views
Create line chart using d3.js
I want to create a line chart for the following data in powerbi custom visual d3.js
Student name
Marks
Jasmine
45
Oliver
33
Maya
11
Ethan
66
Sophia
77
Lucas
8
Ava
88
Clara
11
I've tried ...
- 19
0
votes
0
answers
19
views
Unable to view an indented tree and a document embedding for this d3 project
I am learning visualization using D3 and was trying to execute this code on my browser for creating an indented tree to view taxonomy and to create a document embedding but unfortunately I can't view ...
0
votes
0
answers
27
views
Why can't I load the dataset in this data visualization based JavaScript program?
I am starting starting to dive deeper into programming and have started with d3 library. I wanted to run a program that will create a scatterplot and parallel line graphs using a penguin dataset I ...
0
votes
0
answers
26
views
D3 dual y-axes - synchronize on zoom
I have a chart with two y-axes. They have their separate ranges and domains, and the tickvalues are updated to make sense visually.
The problems starts on zoom. How can I adapt the zoom functionality ...
- 56
0
votes
0
answers
16
views
Issues with different xscales but same domain values in D3 heatmap
I'm, pretty new to D3 and I am trying to build a heat-map in D3. It has different years. Each year has its own day scale(on x-axis) and year label should also be shown but shared month-scale(on y-axis)...
-1
votes
1
answer
43
views
Access a txt local file with d3 [closed]
I am new with D3, Javacript, and HTML.
The repository of my project is as follows:
Project:
facebook_combined.txt
index.html
network.js
I am trying to access facebook_combined.txt from index.html to ...
- 27
2
votes
0
answers
39
views
In Observable/d3/javascript, how do you apply a filter from based on a action in one plot to another plot?
I have 2 functions in Observable which each create a plot. I designed it so that when I click the squares in the legend of the first plot, it filters which data is displayed (there are 7 lines for ...
- 21
0
votes
0
answers
30
views
Issue in rendering D3 heatmap for grouped data
I need to render a heatmap with y labels on Y-axis, x labels on bottom X-axis and groups on top X-axis. Each group has different number of days. In my dataset I have 36 objects, I'm supposed to see ...
0
votes
0
answers
27
views
Single axis line for grouped axes labels in D3
I'm trying to implement a heat map in D3+reactjs with grouped/multi-level axes displayed in opposite sides. Year labels on top x-axis, day labels on bottom x-axis and months on y-axis scale.
Also ...
3
votes
1
answer
113
views
Doughnut chart with only top corners rounded
I have been trying for a few hours to accomplish the following Chart with D3.js:
It's easy to accomplish a similar result following the default examples, and getting something like this:
The problem ...
- 440
0
votes
1
answer
47
views
Visx Streamgraph Custom Typing
I'm using visx to build a streamgraph for my application, but am very new to visx/d3. I'm able to generate the graph using a simple 2-d number array like in this example, but run into issues when ...
- 121
1
vote
1
answer
30
views
D3.js - Grouped Bar Chart - Error Updating Input Data
I'm trying to use a grouped bar chart to show the performance of responses to test questions. I have created two .svg files with results which my visualisation should be able to switch between. I can ...
1
vote
1
answer
61
views
What is the point of appending "g "elements to svg when only one attribute is being chained in the grouping?
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
....
- 31
0
votes
1
answer
248
views
How does nivo calculate the width of the bars on a chart?
I want to dynamically allow the labels on the bar charts depending on the width of the bars - if it gets to thin the labels are not looking good and often overlap. However I don't really want to mess ...
- 1,205
1
vote
1
answer
74
views
Adjusting tick length and stroke weight for scales in D3.js [duplicate]
I am interested in changing my scale in d3 so there are some ticks that aren't as long as others.
Similar to a ruler, I only want integers to be labeled and I want ticks representing decimals to be ...
- 43