DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

|<- [[Using the exercise files]]|[[Downloading and installing D3]] ->|

===== What is d3.js? =====

  * Framework/visualisation library for building data-driven graphics
  * using open web standards
  * familiar conventions
  * Works with modern browsers (>IE9).
  * CSS-like selector format
  * JQuery like function chaining
  * easy parsing of data : texte, json, html, csv, tsv
  * data binding
  * advanced interaction
  * built-in physics engine
  * click & drag behaviour + touch

<code>
d3.select("greeting")
  .html("<h2>Hello</h2>);

d3.selectAll("ul li")
  .html("item");

d3.select("#graph")
  .append("svg")
    .attr("height", 100)
    .append("circle")
    .style("fill", "red")
    .attr("r", 40)
    .attr("cx", 50)
    .attr("cy", 50)
</code>

====Data binding====

<code>
d3.json("http://url.com", function() {
  // callback to process the data
}
<code>