Somehow I think this because of the filter dimensions, the extended parts are cut. Try extending these boundaries:
<filter id="degenCodeNeon" x="-50%" y="-50%" width="200%" height="200%">
The percentage uses objectBoundingBox, you could have also specified userSpaceOnUse. But first try this one.
Tried with x,y -250% and width/height 600%, seems to work. I suggest adding color matrix or component transfer filters as addition to completely reduce alpha to 0 below a certain threshold.
- SVG GaussianBlur quality
- Save D3 svg as a high quality image
- Save D3 svg as a high quality image - viewport case
- How can I remove or replace SVG content?
- Resize svg when window is resized in d3.js
- How to add a tooltip to an svg graphic?
- How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
- Updating SVG Element Z-Index With D3
- D3 Appending Text to a SVG Rectangle
- How to access the DOM element that correlates to a D3 SVG object?
- NVD3, Clear svg before loading new chart
- How to add an image to an svg container using D3.js
- How to get coordinates of an svg element?
- SVG foreignObject contents do not display unless plain text
- Unclosed SVG path appears to be closed
- svg / d3.js rounded corners on one side of a rectangle
- How to add border/outline/stroke to SVG elements in CSS?
- Testing d3 (and other SVG based) Web Applications
- State of SVG Performance on iOS and other Tablets?
- How do I get the width of an svg element using d3js?
- Difference between svg and canvas in d3.js
- How to use an arrow marker on an SVG <line> element?
- d3 click coordinates are relative to page not svg - how to translate them (Chrome error)
- d3.js graphs output into high resolution print quality files?
- Title Attribute not working for an SVG Rect on Safari
- d3.js - mouseover event not working properly on svg group
- How do I show a bootstrap tooltip with an SVG object?
- d3.js - How can I set the cursor to hand when mouseover these elements on SVG container?
- SVG to PNG Server side - using node.js
More Query from same tag
- how to add legend to a pie chart using D3js? And how to centralise the pie chart?
- How to restrict number of nodes initially in d3 Force directed graph
- Restrict drag and drop to a path object (D3.js)
- Problems creating Sankey diagrams using d3.js (2)
- How to make sense of `interpolateTransformCss`, `interpolateTransformSvg` in `d3-interpolate` with simple examples?
- D3: What projection am I using? / How to simplify with a null projection?
- Adding color dynamically to a multiple line chart but it is not working in d3.js
- Struggling with D3 general update pattern and groups
- using a graphml file for d3.js force-directed layout
- Marking location on a country map using Longitude/Latitude
- Dart JS Interop Function overloading for typing
- Fade in bars one by one with D3
- D3 geo node plotting on map?
- Transitioning innerRadius of svg.arc - D3.js
- Binding data to existing number of elements based on object property
- How to select JSON arrays with D3.js with . operator
- d3 variable equals the string "function(d)", not the value the function returns
- force graph in d3.js - disappearing nodes
- Why isn't this d3 hexagon drawing correctly?
- Y Axis will not display
- Display integers with max precision but fixed length in d3 (use SI notation)
- How to map json output from [WebMethod] to d3.js bar charts
- How to setup svg to change position when resizing the window?
- how to visualize data from mysql database in force layout of d3 tool
- AngularJS + d3js: Issues with resizing objects
- Dimple JS - Removing gap between the y-axis and the chart
- Adding d3.js interactive zoomable treemap in RAW
- Most efficient access to the rightmost/leftmost cousin node in a d3 tree
- D3js v4 brush & zoom & recenter brush on click