Thank you to everyone for your help, it was actually my naivete that was causing the problem, the way the script was being called was running the d3 draw code and then inside the script my colleague who wrote it was also calling the script after the function.
Just by removing all calls from the script and then calling the startDrawing() function in a script tag below the script tag where it is loaded means it is only drawn once.
You need to add the mimetypes in order for Azure to tell clients what to do with the files when it gets them.
If you add this to your web.config, it should work...
<configuration> <system.webServer> <staticContent> <remove fileExtension=".svg"/> <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> </staticContent> </system.webServer> </configuration>
- Why does my js script run multiple times when published to Azure
- Why does my D3 code break when I set the script type to module?
- Why does d3.js v3 break my force graph when implementing zooming when v2 doesn't?
- d3.select().append() doesn't work when used multiple times
- Why does this SVG graphic bog down Webkit only when it's large?
- Why does converting a negative string into a number ( +"-2.333" ) return NaN, only when the string came from d3.format function?
- Why does AngularJS $scope.watch() stop working when I tell it to watch an Array?
- Updating the table multiple times using D3 does not work
- injecting the d3.js graphs correctly when using Angular directive multiple times with bootstrap
- Why does D3.js transition function gets broken when I try to use it second time?
- why does C3 chart does not work when parameter is provided as String?
- Why does D3 not insert elements inside the selected element, when using data().enter()?
- ("svg:rect") element does not appear on the screen when run
- jquery and d3: why does my page reload when I use $("svg").remove()?
- why does it fail saying that d3 is not defined when served as string in webbrowser
- Why does the whole SVG disappear when I set map opacity to 0 in D3?
- Why is this svg and array initiated multiple times in angular?
- Why does my array need parsing, when they look the same in the console?
- SVG: why does external css override inline style for text?
- D3.js How to apply multiple classes when using a function
- multiple versions of a script on the same page (d3.js)
- Why does d3.select() return array of array?
- Why does this D3 code add the <p> element outside the body, instead of inside it?
- IE11 does not accept SVG height and width when using D3
- d3.transition().attr('x', y) does not work when d3.attr('x', y) does
- why isn't the checkbox change event triggered when i do it programatically in d3js
- Why do the mouseenter/mouseleave events fire when entering/leaving child elements in an SVG?
- Why use element instead of element when creating AngularJS directive with d3?
- Why does my d3 force-directed graph not display edges?
- Why do transitions flicker/stutter when applied in a separate function (D3)
More Query from same tag
- D3JS passing in a JSON object returns an error
- loop d3 transition a finite number of times
- Force specific selection of option combobox
- D3.js donut chart... arc.centroid(d) is not influenced by d.innerRadius and d.outerRadius
- How do I use mutationobserver instead of mutation events?
- Transition chord diagram when one chord has zero value
- d3js Making last circle a hyperlink
- How to position Pie chart on top using Nv.d3.js library?
- Dagre / D3 Rendering Nodes and Edges/Arrowheads at a larger size
- D3.js: Getting x-axis to transition smoothly in a time-series graph for each second?
- D3.js bar chart not animating correctly and leaving behind artifacts after animation
- How to add plots on a small multiple visualization using d3
- D3 forceRadial() with nested data centered around parent
- How to get exact DIV size with defined maximal-width to simulate text flow in SVG?
- d3 + adding text labels + formatting
- Avoid flickering in d3.geo.tile
- Bars are going beyond the chart range in d3 bar chart
- Simultaneously extracting list of dimensions and creating scale for each in d3.js - Expand on process?
- Create Multiple charts on dropdown with user inputs in d3js
- bootstrap form-inline not rendering properly with d3
- D3: Constrained Semantic Zooming on a Tree Layout
- c3.js Line Chart data label text overlaps
- How to set miximum for max value displayed on y-axis in vega lite
- Independent scales for small multiple line chart
- How to make curved lines to straight lines for Hierarchy Chart using d3.js
- D3 chart works works perfectly on jsfiddle but not on localhost
- D3.JS add zoom and listitems to rect
- How to draw graphs using d3.js for a big dataset?
- Filter by Point in Polygon and Return County ID/Name