Examples of Leaflet, D3.js, and Chart.js

historical map showing a letter associated with Park Street, Bristol, Englandheatmap of world comparing number of library of congress holdings between countries

network visualization showing origins of beer typescombined bar and line chart of abstract data

Figure 1 (top left): Historical correspondence map made with Leaflet. Read tutorial on Programming Historian.

Figure 2 (top right): Global heat map comparing Library of Congress holdings by country made with D3.js. Read global heat map tutorial from University of Michigan.

Figure 3 (bottom left): Network visualization of beer history made with D3.js. Read network visualization tutorial from University of Michigan.

Figure 4 (bottom right): Combined bar and line chart made with Chart.js. View Chart.js site including tutorials.