It works fine when you reduce the filter's dimensions
<filter id="yellow-glow" x="-500" y="-500" width="1000" height="1000"
I guess something is overflowing in Firefox's SVG renderer. You may want to file a bug to Mozilla.
- svg filter not working in mozilla firefox after zoom
- SVG text element text-anchor="middle" not working in Firefox
- SVG not working in Firefox 18
- Select SVG elements using rectangle select box not working during zoom : d3.js
- Svg semantic zoom not working on SVG in HTML
- application not working after chrome update to version 66 but works in firefox and edge
- d3 js bar chart not working in mozilla firefox
- SVG filter using d3 js not working in IE
- SVG links not working after transition executed in d3.js
- Styling not working in Mozilla Firefox
- SVG <rect /> not displaying color on initial load, only after zoom in or out IE-11
- D3.js plot: SVG z-order of foreignelement not working in firefox
- Title Attribute not working for an SVG Rect on Safari
- d3.js - mouseover event not working properly on svg group
- D3 - Positioning tooltip on SVG element not working
- d3 zoom not working as in example
- D3 Zoom functionality is not working in Google chrome
- d3-tip offset on svgs within Leaflet, Firefox only, not working
- d3.select.style not working on firefox
- D3: Zooming/Panning Line Graph in SVG is not working in Canvas
- SVG textPath not visible after transition on Chrome
- Get mouse position in SVG co-ordinates after zoom
- In d3 on blur event is not working in firefox only
- Tooltip to display in two separate lines not working in Firefox
- SVG clip-path works in Chrome, but not in Firefox or Safari
- D3.js zoom with Ordinal axis not working - Issue with setup of scale in zoom behavior?
- d3 world map with country click and zoom almost working not quite
- Positioning svg x/y coordinates with css not working with iOS devices?
- svg <a> element not working
- SVG Marker Not Working
More Query from same tag
- dc.js making a color range between two colours
- Add labels to bar in d3 chart
- d3.each() storing values one at a time, not all at once
- nvd3.js how to properly redraw chart
- Can't convert D3 to use local data instead of remote
- svg: Coordinates of a character?
- Item tooltips after filtering source data
- Setting Y axis range in dc series chart
- Error: Invalid value for <g> attribute transform="translate(undefined,undefined)"
- Integrating button to change divergent bar chart in d3.js?
- d3.behavior.zoom dynamic offset of mousewheel zoom center
- How to implement tooltip for D3 line chart with data from 2 arrays?
- I want to add text on the link in D3.js tree graph
- Dynamically add rectangles on click event
- D3 enter/exit groups of circles for paths
- D3 data() does not cause anything to change
- Cannot visualize percentage numbers (getting NaN)
- How to choose which JSON file to use in your D3 force directed graph
- rMaps ichoropleth with custom map/shp
- Nest multiple rects inside multiple svg containers with d3?
- D3: Surround mouse point with "Crosshair"
- bar chart not updating after drop down selection - d3.js
- How to load local JSON to create a d3 chart without a local server?
- Insert text inside Circle in D3 chart
- make a simple pie chart directive with d3js
- Copy and Insert in d3 selection
- d3js map displays incorrectly in mobile chrome
- Tree drawing orientation
- D3 incomplete rendering of data series when using transitioning animation