Wednesday, 26 March 2014

Tutorial 13

Layouts...

pie layout

>var pie = d3.layout.pie()
   . value(function (d) {return d;})

Watching this but it's really at the edge of my knowledge. - arghh...


Get some data and try making some graphs!!


Donut chart and pie chart use the same code.

Some key concepts:

  • Getting the data in
  • Creating colour scales
  • Creating an SVG canvas
  • Using a d3 path generator to create the svg code. 
  • binding data to the path elements (objects). 
  • adding text to the graphic elements.

With this basic code, we can create pie and donut charts. 

So how many Schools with Bronze, Silver, applying etc...

What kind of data do I want to put in a pie chart?

Let's use the Athena SWAN data for some visualisations. 
While not scientific, it still feels like a good place to start. 


No comments:

Post a Comment