All Questions
19 questions
1
vote
1
answer
116
views
D3 network graph
I have created a d3 network graph which is working fine, issue is if there is a connection between (A -> B and B -> A) i want separate links for that. How can i do that?
This is what i have done ...
- 392
1
vote
2
answers
414
views
how to create d3.js bar chart as a Svelte component and bind d3 to SVG properly?
I have a focus/context bar chart that I created in d3. I want to put it in Svelte so that I can use it as a component. But I'm getting stuck figuring out how to bind the elements created in d3 to the ...
- 634
0
votes
1
answer
268
views
Download Image of d3 visualization in Svelte?
I'm trying to download an image of a visualization created in d3, in Svelte. I've created a repl to show what I've tried so far. It's just a throwaway chart-- so don't mind how ugly and useless it is, ...
- 634
0
votes
1
answer
337
views
Rendering a div node created with d3.js in svelte?
I created a table in d3.js and return it as a div.node() and I am trying to render it in svelte.
It's created with fetched data so I wrap it inside an sveltes asynchronous await syntax:
<div>
...
- 1,136
0
votes
1
answer
204
views
Use a static force layout to create a network in Svelte and d3
I've this network that works good enough: node position is correctly updated when window width and height change.
Now I'm trying to make it fixed, I mean to compute n ticks once and render the network ...
- 458
2
votes
1
answer
207
views
Unable to update nodes position using d3 force and Svelte
I'm trying to create a simple network using D3 force and Svelte.
The network position should depend on the container dimensions computed using bind:clientWidth and bind:clientHeight.
I mean that if ...
- 458
1
vote
1
answer
149
views
d3-voronoi-map path not drawn
I tried to make a d3 voronoi map using this plugin with svelte.
Generally I'm following from this block
I am debugging step by step and I can the <svg> attribute are changing, the <g> are ...
- 369
1
vote
1
answer
242
views
g group element doesn't start at 0,0 inside the svg
I am trying d3.js with svelte, and I started to do a simple bar chart, but I am facing an issue I couldn't figure out. The issue, is, the group element g inside the svg element, that contains the bars,...
- 1,002
0
votes
0
answers
166
views
transform doesn't work properly on g element
I am trying d3.js with sveltejs by implementing a simple bar chart, however, the g element is not transformed correctly on chrome, although in the devtool the translate values are correct. the g group ...
- 1,002
1
vote
0
answers
65
views
D3-based graph, laggy zoom on Android
I have successfully implemented pan & zoom on my d3-based graph, it runs butterly smooth on desktop, but pinch-to-zoom on mobile (only Android, iOS is just as smooth as on Desktop) is way too ...
- 485
2
votes
1
answer
872
views
Where to store remote data in Svelte for responsive data vizualisations with Svelte and D3 (best practices)
Disclaimer: I am really not well experienced with neither svelte, nor D3, nor general JavaScript patterns. But I really like it, so I really want to learn it and already invested quite some time. ...
- 697
1
vote
1
answer
609
views
zoom in on a particular area in a line chart (using d3 and svelte)
I am trying to zoom in on parts of a line chart using viewBox. I managed to get it working, however, not sure how to deal with the fact that everything scales accordingly (line path also becomes ...
- 61
2
votes
0
answers
494
views
line chart transition not working with svelte and d3
I am trying to make a transition in a line chart using d3 and svelte.
What I want is for the line to be updated and animated to its new position. Right now, data is updated but path is not being ...
- 61
0
votes
0
answers
614
views
D3 - append svg icon to graph
I am working on a D3 and Svelte project whereby I have a chart with some draggable elements appended to it which are created based on the response I get from an external API. At the moment these ...
- 129
2
votes
0
answers
396
views
D3 force simulation with svelte
I'm building a d3 force simulation that's working fine in plain d3 (I was testing it in Observable here), but I'm struggling to translate it to svelte, I think in part because I'm fetching data from a ...
- 21