So it looks like I found the issue: https://jsfiddle.net/z4g5817z/91/
const polygon = areaGroups.selectAll('polygon')
const polygon = areasGroup.selectAll('g.area').selectAll('polygon')
seems to have fixed it. I'm assuming this has to do with the
areaGroups selection only handling enter events.
An alternative would be to keep it the way it is now and change
const areaGroups = aGroup.enter() .append('g') .attr('class', 'area');
const areaGroups = aGroup.enter() .append('g') .merge(aGroup) .attr('class', 'area');
which will produce the same result, as the update event is now also handled appropriately.
- Update polygon when points change in d3
- D3 - How to update force simulation when data values change
- D3: Circle Points don't update when changing slider
- d3 chart update automatically when data change by using vue
- How to update text in area chart when I change csv file on click in d3?
- How to update elements of D3 force layout when the underlying data changes
- How to change speed of translate and scale when zooming in and out in D3 (using zoom.on & d3.event.translate, d3.event.zoom)?
- why isn't the checkbox change event triggered when i do it programatically in d3js
- d3 - Change text label when data updates
- Force simulation is jittery when using svg transforms to update position
- polygon weird redrawing by adding & dragging dynamic points (flickering)
- d3 update old scale when pan and zoom
- How do I get the d3 svg points to stay in their correct position on the leaflet map when zooming?
- d3 change and update axis domain scatterplot
- d3- update barchart when click select option
- Append randomly selected polygon for given data points in D3 JS
- update display in loop when drawing many d3 svg objects
- D3js Line graph doesn't go through all of my points when I use .interpolate('basis')?
- Graphs update only when I write enter() at the end
- How to update child elements when changing data?
- How to change table cell color based on numeric value from .csv report AND when tables are dynamically created?
- Why selection update not working when I pass them into another function?
- Dynamically Clear and Update d3.js Force Directed Layout On Change
- Data-Driven Documents (D3.js) change color when clicked
- How do I change color of path element when its value is selected from dropdown
- In a d3 scatterplot using data from a csv file, how do i draw lines connecting related points when the mouse is over a point?
- D3.js change title text when mouseover a bar
- d3 flickering Text on setInterval when update data from csv
- Given a set of coordinate points, remove inner points (or find the outer ring of points) to form polygon
- D3.js Tree:How to change the node color when clicking on it?
More Query from same tag
- D3 Dynamic hierarchical edge bundling - 2 way import
- Using a function in d3.arc attributes
- Wiring events for reusable d3 time slider
- Spread D3.js legend on two columns
- How to merge data from D3.js Topojson to defined set to set class
- DC.js Bar Chart Bar Sizing
- How to Deploy D3 in Heroku (Django App)?
- Error when drawing a d3.js line with no data
- c3js d3 dash-stroke only one side of rect element
- How do I convert a mouse click x value to a value in the domain of a x-axis in d3?
- How to replace line in chart by serie of dot?
- Place a link in imported data in table D3
- Plotting points on a D3 geoNaturalEarth1 Map
- How to change the alignment of circles in packed circle d3
- d3: linearly interpolate only close-enough points
- Recursively map 3d.js graph nodes and links from nested structure
- Changing and storing value from radio buttons
- Load JSON by URI using inline JSON in Polymer
- Building a force-directed concentric circle graph with node ordering from inside out in D3.V4
- Changing fill/stroke of svg path elements in d3.js tick event shows no effect
- d3 Grouped Chart 1st level not looping
- Using Drop-down menu with D3 force layout graph
- Why are the first two text labels of my bar chart not shown?
- How can I implement 508 Compliance (like Aria) for a Timeline Slider made with D3.js?
- deck.gl transitions and filtering
- How can I include a D3 (Scatterplot) Chart inside a SAPUI5 Control
- How to add the fill in between two line in line graph?
- d3.js how to set y-axis fixed position