Page 1
Alicia Barnash, Blue Raster
Esri Developer Summit
March 9, 2015
Build a Custom UI Control with D3.js
Page 3
choose a solution…
Interactive SVG elements with http://d3js.org/
Page 4
…borrowing an open source template
http://jaketrent.com/post/rotate-gauge-needle-in-d3/
Page 5
…fork a template
Original: http://codepen.io/jaketrent/pen/eloGk/My Fork: http://codepen.io/codeleash/pen/QwBeOP
Page 6
… customize the specs
Page 7
… customize the specs
Page 8
… customize the specs
Page 9
… customize the style
Page 10
… add interactive elements
Page 11
…and connect to the map
Page 12
…and connect to the map
Page 13
…and connect to the map
Page 14
…and connect to the map
Page 15
…and connect to the map
Page 16
Contact
Alicia Barnash, Blue Raster
[email protected]
@aspacebarnash
http://codepen.io/codeleash/