At our June meetup, Duncan took us from first steps in using D3.js for creating svg elements and simple charts through to creating a force layout diagram, which involves some more elaborate code. It was a great way to get started with D3.

The example below uses data taken from the Mood Panda app and visualises the number of interactions between members.

Duncan’s tutorial is available on the CodeHub GitHub repository: github.com/CodeHubOrg/d3-workshop. It uses Node to set up a local server and express site. Then you uncomment and manipulate the d3.js code in the files bit by bit, and view the results in the browser.

 

By Katja
Posted in Categories: javascript svg animation data