Data

Driven

Documents

Raphael.js

Protovis

Architecture

Data

UI

npm install d3

<script src="https://d3js.org/d3.v4.js"></script>

import * as d3 from "d3";

var d3 = require("d3");

d3.selectAll('p')

d3.select('section').sectionAll('p')

d3.select('section:last-child').selectAll('p')

selections

data

update

elements = data

exit

elements < data 

enter

elements > data

Data mapping

d3.select('body').selectAll('p').data([1,2,3,4])