score:2
Accepted answer
The culprit is calling transition()
, then filter()
. If you first filter, and then trigger transition, the problem is gone! link to jsfiddle
Source: stackoverflow.com
Related Query
- d3 transition overlap causing odd behaviour
- Adding transition to d3.drag() behaviour
- Unexpected transition behaviour D3
- Strange behaviour of g group during transition
- Invoke a callback at the end of a transition
- Sankey diagram transition
- Change and transition dataset in chord diagram with D3
- Changing number displayed as svg text gradually, with D3 transition
- D3 transition looping throwing Uncaught TypeError: t.call is not a function
- d3.js transition end event
- Syntax for axis transition in svg/d3
- How to cancel scheduled transition in d3?
- Insert padding so that points do not overlap with y or x-axis
- Using D3 transition method with data for scatter plot
- What is the standard way to get the active (running) D3 v3 Transition for a given element?
- D3 listening to "end" event of a transition
- Preventing overlap of text in D3 pie chart
- D3, transition groups (<g>)
- d3 transition is not a function
- Flush a d3 v4 transition
- d3 transition for transform translate not working for DIV
- D3 - Transition Arcs in Sunburst Chart
- Pausing and resuming a transition
- Memory leak from repeatedly applying d3 transition
- d3.js Odd Rotation Behavior
- Color transition in d3 using time elapsed
- Increase and decrease radius of a circle using d3 transition
- Looping transition in D3
- Overlap in d3 wordcloud
- d3.js: Transition the colours in an SVG linear gradient?
More Query from same tag
- Proper manipulation of JSON data to create D3 area chart?
- Get value from json value key pair with D3
- create position / and add text in circle using D3 using "g" and svg in JavaScript /or Coffee
- d3 path gradient stroke
- Item tooltips after filtering source data
- D3 barchart using external data
- Eclipse Showing error when adding D3.js to script folder in the WebContent
- Rotate Hierarchical Bar chart
- D3: `bubble.nodes` not applying correct graphical data to dataset
- "Hard" filtering of nodes in a d3,js force-directed graph
- Javascript data structure for json data
- Apply shadow on hidden svg path
- d3 hover over legend, how to determine id
- d3 scaleBand not returning maximum range for last element in domain
- Extra legend present
- Not understanding result of d3.timeParse?
- Two sided bar chart with d3.js
- Plotting two datasets
- How to sort number columns from csv file read in using D3.js - columns read in as strings
- What is the correct procedure for installing c3 for use in webpack project with ES6 imports?
- D3.js Force Directed Graph with Json - Create graph specifying link distance from all nodes
- Using recorded mouse coordinates to draw on d3 canvas
- Adding labels to a legend with dynamic colours
- text align right relatively to parent G in SVG
- Missing Initial Step from Step Plot D3.js
- D3js-Topojson : how to move from pixelized to Bézier curves?
- d3 line chart not getting terminated
- why Only one line is getting extended while using brushed() in interactive multiseries line chart
- time x axis in d3 js
- How to replace nodes in a d3 force layout?