https://github.com/tonyfast/d3-dom-tutorial

Use d3, handlebars, and bootstrap to populate a web page
https://github.com/tonyfast/d3-dom-tutorial

Last synced: 11 days ago
JSON representation

Use d3, handlebars, and bootstrap to populate a web page

• Host: GitHub
• URL: https://github.com/tonyfast/d3-dom-tutorial
• Owner: tonyfast
• Created: 2015-02-10T22:22:59.000Z (almost 10 years ago)
• Default Branch: gh-pages
• Last Pushed: 2015-02-10T23:14:25.000Z (almost 10 years ago)
• Last Synced: 2024-10-11T19:25:24.770Z (about 1 month ago)
• Homepage: http://tonyfast.com/d3-dom-tutorial
• Size: 145 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Using d3 to populate a webpage

In science, webpages are often dependent on data rather than design.  d3 allows data-minded developers to 

approach front-end web in a canonical way.  d3 can mitigate confusion between the tooling for [HTML, Javascript and CSS](http://bl.ocks.org/tonyfast/raw/b31c109a74e697ce1cfe/).

This tutorial was given to @wd15 and the steps are recorded in the [history](https://github.com/tonyfast/d3-dom-tutorial/commits).

## Tutorial

The git history for this repository illustratures the abilities of d3 to:

* To populate webpages with arrays

* Use data from AJAX requests

* Create html elements with d3

* Create html elements with a Handlebars compiler in d3

* Add bootstrap for styling

## References

* [Handlebars](handlebarsjs.com)

* [d3](d3js.org)

* motivations

  * [d3+handlebars](http://bl.ocks.org/tonyfast/2fb83e94a3b487a283e5)

  * [d3+riotjs](http://bl.ocks.org/tonyfast/c8300e62c3d5d4c7ff95)

* Raw Data

  * [Sumatra](http://neuralensemble.org/sumatra/)

  * [Static Link](http://bl.ocks.org/tonyfast/3dd2b3bff4979df9e80a)