Skip to content

Latest commit

 

History

History
37 lines (28 loc) · 978 Bytes

d3.md

File metadata and controls

37 lines (28 loc) · 978 Bytes
title contributors issues
D3
user name
cpg
Carlos Puchol
repo number
reed/turbolinks-compatibility
43

D3.js

d3js.org

Official Implementation

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

Solution

Remove any script tags you may have in the head and add the following coffeescript to your application:

do_d3_stuff = (data) ->
  ...

$ ->
  $(document).on 'ready page:load', ->
      $.getScript "//cdnjs.cloudflare.com/ajax/libs/d3/3.4.13/d3.min.js", ->
        d3.json '/yourdata.json', (error, json) ->
          return console.warn(error) if error
          do_d3_stuff(json)

This is known to work in practice in production, however it may not be totally optimal. If you use a more advanced implementation of D3, and you find this solution isn't working well, let me know.