jevangelista / d3_lightning_talk

D3.js Lightning Talk

Intro to the D3.js JavaScript Library

Overview:

• A JavaScript library for data visualization
• Uses HTML, CSS, JavaScript, and SVG languages
• Creates SVG objects, styles them, adds transitions
• Large data sets can be easily bound to SVG objects using D3.js functions to generate rich text/graphic charts and diagrams.
• D3.js API contains several hundred functions, which are grouped in logical units (please refer to D3 API Reference below)
• The data can be in various formats, including JSON, csv, or geoJSON
• D3 is extremely fast, supports large data sets and dynamic behaviors for interaction and animation

SetUp:

To use D3, include the following script tag in your html file:

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>

Then, run a local web server:

python -m SimpleHTTPServer 8888 &

Documentation:

• D3 Homepage
• D3 Documentation/Wiki
• D3 Tutorials
• D3 API Reference