Transition Website to Jekyll

[KobaKhit]

We are planning to convert the dc.js website (https://dc-js.github.io/dc.js/) to Jekyll. Below are some of the preliminary goals that were discussed:

• [x] Use dc.js CDN
• [ ] Make website responsive/mobile friendly
• [x] Show the difficulty of the examples (use dc-js/dc.js#1870)
  • Simple
  • Intermediate - requires programming experience
  • Advanced - requires knowledge of dc.js internal
• [ ] Be ready to parametrize the website (dc version, other parameters)
• [x] Make the structure modular taking advantage of Jekyll includes

My next steps are to take the existing website and spend minimal effort to make it work in Jekyll . Please feel free to add feedback. The goals list is not exhaustive and will grow.

[kum-deepak]

I have committed the documentation and examples from the dc-v5 branch and created a new repository https://github.com/dc-js/dc-js.github.io. Please create PRs against this repository.

I have added a robots.txt to prevent search engine indexing. We will adjust that when we are ready.

Public URL: https://dc-js.github.io/

[KobaKhit]

Hello. I have pushed updates to my fork. You can see the examples difficulty page added here

• http://kobakhit.com/dc-js.github.io/examples/indexv1.html

I also added d3.js, crossfilter and dc.js cdns to 1/3 of examples. I am utilizing Jekyll's _includes functionality. See example here

• area.html

If that looks sensible I will add the cdns to the rest of the examples and create a PR against this repo. CDN paths are parametrized in the _config.yml . I could not find dc version 5 cdn readily available and just used the one in the website's js folder served by jsDelivr.

A few notes regarding the dc.js examples. Following examples are using dc-compat.js :

• background-drawing.html
• compare-unfiltered.html
• focus-dynamic-interval.html
• scatter-orig.html

Following examples do not work and are throwing errors. Should be an easy fix if need be.

• bar-colors.html - added dc-compat.js and graph renders but without colors
• brush-ordinal-dynamic.html

Neither have links displayed on the examples page, so I am assuming it might be legacy work.

[kum-deepak]

Thanks, @KobaKhit.

For the non-working examples:

• brush-ordinal.html is the updated version of brush-ordinal-dynamic.html - so it can be dropped safely.
• bar-colors.html - I will check.