Search code examples
javascripthtmlcssplunker

Do I need to specifically seperate out css and js when using plunker

This script renders ok on our local webserver but when added to plunker nothing is being rendered.

Am I allowed to embed javascript in the html file in plunker - or do I need to explicitly move it to .js files?

To reference another file in plunker do I just supply the file name, like so? ...

var pieDataCSV = "pie.csv";
var barDataCSV = "bar.csv";
var lineDataCSV = "line.csv";

Here is the plunker I am referring to: https://plnkr.co/edit/QDHVKNxuHAC1TSk1gk4s?p=preview

Solution

  • In your plnkr, you need to change the javascript reference from

    <script src="http://d3js.org/d3.v2.js"></script>

    to

    <script src="https://d3js.org/d3.v2.js"></script>

    to avoid the following error.

    Mixed Content: The page at 'https://plnkr.co/edit/QDHVKNxuHAC1TSk1gk4s?p=preview' was loaded over HTTPS, but requested an insecure script 'http://d3js.org/d3.v2.js'. This request has been blocked; the content must be served over HTTPS.