dc.js example

This is a blank dc.js bl.ock template - please fork this bl.ock when asking for help on Stack Overflow or the dc.js user group, or to demonstrate bugs when filing an issue on GitHub.

This was created with blockbuilder.org - you can use blockbuilder to fork and edit this bl.ock interactively. Or you can edit your fork using gist.github.com, or even clone the gist as a git repository.

See this block for a complete example, with data: dc.js example

forked from gordonwoodhull's block: dc.js example

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="https://unpkg.com/dc@4/dist/style/dc.css" />
  <script src="https://unpkg.com/d3@5/dist/d3.js"></script>
  <script src="https://unpkg.com/crossfilter2@1.5/crossfilter.js"></script>
  <script src="https://unpkg.com/dc@4/dist/dc.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/crossfilter/reductio/reductio.js"></script>
  <script src="https://npmcdn.com/universe@latest/universe.js"></script>
  <style>
  </style>
</head>
​
<body>
  <!-- add chart divs here -->
  <script>
    // add dc.js chart initialization code here; you can also
    // load data from assets in your gist using d3.csv('filename', ...)
  </script>
</body>
​
    

Updated missing url https://rawgit.com/crossfilter/reductio/master/reductio.js to https://cdn.jsdelivr.net/gh/crossfilter/reductio/reductio.js

https://unpkg.com/d3@5/dist/d3.js

https://unpkg.com/crossfilter2@1.5/crossfilter.js

https://unpkg.com/dc@4/dist/dc.js

https://rawgit.com/crossfilter/reductio/master/reductio.js

https://npmcdn.com/universe@latest/universe.js