Meta Refresh 2014

On the construction of user interface on the web

Introduction to d3.js

Submitted by Prateek Saxena (@prtksxna) on Friday, 3 January 2014

videocam_off

Technical level

Intermediate

Section

Workshops

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +10

Objective

To introduce the audience to d3.js, a data visualization library, and how and where to use it. In addition I'll talk about re-usable (Miso Project) and interactive charts (dc.js and Crossfilter).

Description

d3.js allows binding of data to the DOM allowing you to create dynamic visualisations on the web. The following topics will be covered in the talk -

  1. d3.js is a JavaScript library for manipulating documents based on data. It helps visualize data by binding data to the DOM, letting you make visualizations in HTML and SVG. I'll be covering the different d3 layouts such as -

  2. Miso Project is a joint venture by the The Guardian and bocoup. It is an open source toolkit designed for creating visualizations. I'll specifically be covering the d3.Chart component that provides a framework for building reusable d3.js charts.

  3. dc.js & Crossfilter allow you to create interactive charts. Crossfilter is used to query data while dc.js redraws the charts according to the resulting data.

Along with covering these technologies, the presentation will include demos and some code samples. By the end of the presentation the audience should -

  • Be comfortable with thinking in d3's enter, update, exit framework

  • Be able to create simeple d3 charts

  • Understand how to make reusable & interactive visualizations

Speaker bio

Prateek Saxena is a hybrid of design and development. He likes building games and web applications. Currently working with Pykih helping them create and design visualizations using the above technologies.

Comments

Login with Twitter or Google to leave a comment