score:1
works ok for me in ie/ff/ch. i have valid svg, with the following in my root svg:
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
...>
if you have that namespace, then the problem is most likely the svg is not formed correctly. or possibly, the svg itself is not viewable i.e. display="none" or the viewbox is tiny
score:0
if your html is correct, open up the "elements" panel on chrome dev tools and check the svg's 'display' (block), 'height', 'width', 'visibility' (visible) and 'opacity' (> 0) properties. if there really is anything there to be shown by the rendering engine (visible or not), chrome will outline it in the page while you hover over the dom node in "elements". also check if anything might mask/overlay the svg nodes.
additionaly, you can try setting a 'fill' or 'stroke' color on your svg nodes.
Source: stackoverflow.com
Related Query
- SVG added to DOM using javascript is not visible.
- IE11 does not accept SVG height and width when using D3
- Using d3.js svg clipPath not clipping in Angular
- Renderer2 does not render SVG element while using d3 js - Angular 4
- SVG textPath not visible after transition on Chrome
- I'm getting JavaScript error "d.getMonth is not a function" when trying to format a date using d3.time.format
- drawing SVG polylines in a loop using javascript
- Using Bootstrap Tooltip with SVG Object - Not Displaying Despite specifying Container
- SVG not drawn outside the visible area of Google Maps
- Vertical alignment between an SVG rect and SVG text using D3 and javascript
- D3.js: "On the fly" added elements to array are not refreshing the svg graphic
- How to select and deselect a svg line and change its color on selection and deselection using d3.js and javascript , jquery?
- SVG straight path with clip-path not visible in Chrome
- d3.js - Circle added to the mouse move is not visible
- Select SVG elements using rectangle select box not working during zoom : d3.js
- Using d3.behavior.drag, How to keep a drag image visible outside of the svg element
- SVG not displaying elements added via d3 & jquery
- "Property does not exist on type {}" error when using anonymous function with D3 SVG Symbol
- Darken the color of svg element each time on button click using D3 V3 or JavaScript
- SVG foreign object is not getting displayed using D3
- Animating SVG group object using the JavaScript library
- Exporting svg to png or other image with styling, using JavaScript
- Drawing a line using d3 is not visible when all data items are the same
- Adding image to svg container using d3 not working on FF and Safari
- Finding min and max values of an array of arrays using D3.JS not plain Javascript
- SVG not showing when using pattern to mask an image
- after making bar chart inside SVG using D3 , it is not fitting the entire SVG
- How to modify the content of an svg based dom using nodejs, d3 and jsdom?
- Connect SVG circles using Javascript
- How to add tooltip to an svg graphics element using javascript
More Query from same tag
- d3 select change node datum
- How to setup D3.js axis labels to show rounded numbers with the $ sign?
- [Help]: Multi Line with d3.nest() not rendering lines
- Bar colors reverting back to original colors
- d3 - Format an integer as time on 24 hour clock
- D3 scale fails if first value is different than zero
- Typescript/d3, can't dynamically provide symbol types
- How to change the Speed of a force-directed graph in d3.js?
- D3/Shiny Example Doesn't Display Bars
- Dotplot distribution (frequency count)
- In D3 I'm assigning a colour to a data category using d3.scale.ordinal(). How can I assign it based on value of x-axis?
- How to transform code from a tsv import to direct data
- Rickshaw appears to be labeling the X-Axis Wrong
- D3js HTML Tooltip on a Choropleth Map
- How to get centroid of arc in React Native?
- My d3.scaleLinear function won't scale past 9
- How to create an y axis containing hours from noon to noon on the next day
- D3.js: Show escaped line breaks from a csv file
- Add labels to D3 Chord diagram
- Customizing force.drag loses sticky nodes on hover
- Display Bar Chart for Last week, Last Month, and Last Year Data from JSON using D3.js
- in angular-nvd3 how to Invert donut Chart
- d3 join on object key within array
- Can interpolation be limited to positive values?
- D3 v4 change opacity for kontext related nodes
- d3.js how to dynamically add nodes to a tree
- D3 - X Axis labels are overlapping
- Drawing multiple circles with text in them using d3.js
- How to retrieve Vector Tiles from Mapbox with d3.js and convert to geojson?
- How to embed a d3.js example to the Jekyll blog post?