Questions tagged [d3.js]
D3.js is a small, open-source JavaScript visualization library for manipulating HTML and SVG documents based on data
56 questions
1
vote
1
answer
199
views
list of games to open radar match in iframe on for drop-down controls
In general my page is slow and has several points in the code that I believe can be improved, even in relation to the structure used. Anyway, the biggest problem is:
The page I'm creating is very ...
- 255
5
votes
0
answers
63
views
React and D3 Alignment Histogram
I'm reasonably new to D3, and I've put together a class based React component which outputs a genomic alignment visually. The ...
- 382
2
votes
1
answer
1k
views
d3.js canvas performance
I've just rewritten this code (a simple gravitational restricted n-body simulation) to display using canvas, rather than SVG. The reason being that I'd like to be able to run it with many thousands of ...
- 153
2
votes
2
answers
88
views
Seeking the seeds for writing tidy event handlers in JS
I'm seeking a critique of the simple program below, which displays two counters and increments them through a button, using D3.js. In real life of course no one has a need for displaying buttons that ...
- 165
4
votes
1
answer
734
views
dc.js and crossfilter app to display multiple charts
Consider the following crossfilter / dc.js app (screenshot):
...
- 215
2
votes
0
answers
1k
views
Grouped stacked bar chart in d3js
I've the following d3 chart which is both grouped and each grouped contains a stacked bar. But somehow, I feel this is not a proper way to implement and little complicated. If there was only stacked ...
- 121
4
votes
1
answer
2k
views
D3 Updating stacked bar chart
In my data there can be different number of bars in each chart.
Here is a picture:
When pressing the button labeled change bars layout the view of the charts toggles between horizontal and vertical ...
- 163
11
votes
3
answers
3k
views
Draw sine wave going around a circle
I have used d3 to draw a sine wave going around a circle. This is the very first time I've used d3 or drawn a SVG and I'm fairly new to JS as well, so I don't know if I've overcomplicated it/if there ...
- 307
5
votes
1
answer
121
views
Visualization showing overlays of points
I'm fairly new to d3 and am wanting to create a visualization that will allow a user to check whether or not a device will be in range of a bluetooth speaker.
I was able to hack together most of ...
- 53
4
votes
2
answers
498
views
Similarity matrix in D3
I have some code that produces a similarity matrix. However, despite feeling happy with the output, I'm not convinced that my code is the most efficient or the most pleasing on the eye.
I'm looking ...
1
vote
1
answer
94
views
Update pattern for subplots
I'm working on a d3 project that has multiple sub-plots with updating data. I have a working example below, but I think I might be over complicating the update() ...
- 113
6
votes
1
answer
141
views
map of SF transit cars
Please provide general and any specific criticism of the following which is intended to provide a map of SF transit cars.
The code can be viewed in the working version and also in a group of gists.
...
- 233
3
votes
1
answer
1k
views
Update the line charts without deleting the svg
I have created line charts in d3.js which show the trend of two measures. Each chart consists of two linecharts and the graph is repeated as many times as there are countries.
So my dataset is this:
...
- 379
2
votes
1
answer
809
views
Update multiple charts simultaneously in d3.js
I've created 3 different charts all drawn from the same dataset,
my reasoning for building it this way is so that it'll be easier to add and remove additional rows of charts.
What I'm mainly ...
- 211
9
votes
2
answers
7k
views
Showing two d3.js charts on the same page
I created two graphs in d3js: a bar chart and a donut chart.
These two graphs use the same json object for data and share an input range and the radio button.
This is the code:
...
- 379