Giter Club home page Giter Club logo

d3.js-boilerplate's Introduction

d3.js boilerplate

d3.js boilerplate is an opinionated template system designed to help you build a sophisticated data driven document as fast as possible. By providing a full featured template and encouraging the use of useful tools, this project aims to help developers passively and actively cut down on development time.

This is the big productive brother of Visulization Data.

How it works

d3.js boilerplate is a system that changes as your data visualization needs do. The idea is to checkout the git branch that best matches your needs.

Examples:

jquery-ui and d3.js together on a single page? git checkout jquery-ui Only need d3.js? git checkout basic

General usage

Unless otherwise specified, each branch has the following files:

HTML

  • index.html

Coffeescript/Javascript

  • js/index.coffee
  • js/d3.v2.min.js
  • js/jquery.min.js
  • js/underscore.min.js

less/CSS

  • css/index.less

Coffescript, {less}, and Heroku use are encouraged to speed up development and deployment. Learning how to use these technologies within this context will save you a ton of time.

Branches

Checkout each branch on github to see how to develop and deploy each specific branch.

  • basic - only has d3.js installed.
  • jquery-ui - A simple example of how to use jquery-ui to interact with d3.js.
  • backbone- Deeplinking d3.js with backbone.
  • bootstrap - Pretty pages!
  • dashboard - Creating a dashboard with d3.js, bootstrap, and backbone.

Contributing

Tralfamadore needs more pull requests!

Current Major TODOS

  • Try to scale MathJax down some. It's huge. Only the SVG components are used, so everything else can fall away. This will be moved to the MathJax branch once it gets made. But the files do slow down cloning, and thus the point of the project, pretty hard most of the time.
  • Add in more branches. Ideas: rickshaw, cubism, MathJax - Interactive graphics with Latex annotations, crossfilter - How to throw around millions of data points, graphene - Customizing graphene, investigator - A bootstrap backed website that builds on rickshaw, jquery-ui, underscore, and backbone to provide a jumping off point for designing your own data investigator.
  • Get a better website set up to view all this all pretty like. Use sandcastle.

Check each branch for more specific items.

License

See each branch for licenses. Unless otherwise licensed, this code is released into the public domain as is, no warranty attached.

d3.js-boilerplate's People

Contributors

adeelejaz avatar alrra avatar chuanxshi avatar darktable avatar drublic avatar git2samus avatar glsee avatar gmoulin avatar jamwil avatar jbueza avatar jingman avatar joemorgan avatar jonathan-fielding avatar jsma avatar kblomqvist avatar mathiasbynens avatar mattyclarkson avatar mdonoughe avatar meleyal avatar mikealmond avatar mikeescobedo avatar necolas avatar paulirish avatar rdeknijf avatar rigelglen avatar roblarsen avatar rwaldron avatar walker avatar wraithkenny avatar zmaril avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.