Questions tagged [d3.js]
D3.js is a JavaScript library for creating interactive data-bound visualisations of documents using HTML, SVG, and Canvas. Questions should mention the version number of D3 you are using.
d3.js
39,355
questions
0
votes
0
answers
40
views
Passing a value returned from a function into a d3.filter
I am trying to pass a value from a function that locates a name from a dropdown list in my html and have it as the argument in my d3.filter.
The function works fine, but I cannot seem to figure out ...
1
vote
1
answer
91
views
D3 globe with country names label layer
I'm struggling to find any example of a D3 globe (or Globe-gl etc.) that has country names as a label layer. I'm essentially looking for this demo
https://observablehq.com/@michael-keith/draggable-...
1
vote
0
answers
93
views
Issue with mapboxgl not removing layers/source on map
I'm having trouble dynamically remove and re-adding layers to a mapboxgl map.
Here's some pseudocode, unfortunately I'm not able to produce a fully reproducible example since I'm running this code in ...
0
votes
0
answers
16
views
Filter the parent node with button to create treemap in D3.js
First of all sorry for eventual mistake i'm not fluent in english,
I begin a project with d3.js and i try to filter my data thanks to button.
Let me explain i want to get the name of Portfolio ...
0
votes
1
answer
34
views
Matrix Like Grid Compatible With d3.js and Row Transition Effects
I have a grid design with several rows and 3 columns. The rows represent something like a folder structure, that is there is a parent with some child, who also can have some childs and so on.
...
0
votes
0
answers
13
views
how to drag drop svg elements d3v7 d3v5 working fine but same d3v7 not working d3 drag start drag end
I am using D3.js for modify svg i want to update d3v5 to d3v7 but svg element drag drop not working in updated version old d3v5 working perfect in multiple svg. I have browsing the internet but i can'...
0
votes
0
answers
22
views
How to transition to a new data point in a realtime line chart using D3 React?
I am trying to build a realtime line chart using d3 and react. Currently I am generating dummy realtime data using setinterval. The chart does update but there is no transition or animation. Can ...
0
votes
1
answer
37
views
Issue: SVG Image Not Visible After Downloading SVG as Image in d3.js
Problem Description:
I'm trying to create an SVG containing an image fetched from a URL (in this case, from Unsplash) and provide a download button to download the SVG as an image (PNG). However, ...
0
votes
2
answers
27
views
D3 curve to ignore missing values, instead of default them to 0
I have two time series data, plotted on a line diagram, using D3 curves. The original data is like the following (when are actual Date objects):
[{when: '2024-05-01', a: 654, b: 456},
{when: '2024-...
1
vote
0
answers
25
views
Axis extent option doesn't set default subchart for timeseries axis
I'm beginner with billboard.js.
I have a big payload of data starting from 1980 and ending to now (2024). I want to first show only the last 10 years of the data and then being able to zoom out or in.
...
0
votes
0
answers
11
views
Adding tick lines and labels to the x and y axis of a D3 chart in React Native
I've modified the chart from this tutorial.
I'm looking to add tick lines and labels to the x and y axis. Can anybody please provide some suggestions?
app.tsx
import React from 'react';
import {...
0
votes
1
answer
40
views
Access bound data in join
How can I access the bound data within the enter (say) callback of .join? Assume the following use case. In my data I have a slot (n) which is used to create an object. I thought I could use .datum() ...
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 ...
1
vote
3
answers
51
views
Control order when adding multiple elements in a d3 join
Follow up from Add Rows to grid layout via d3
With the following snippet I can now add data as rows in a grid layout. However, as you can see, d3 adds first all cell1 then all cell2 and eventually all ...
2
votes
1
answer
36
views
How to download data based on current selection only?
I have a simple chart I built with d3.js. There's a dropdown to filter between different views of the data, and want the user to be able to download the associated data based on their selection.
Using ...