Alicia Barnash, Blue Raster

Esri Developer Summit

March 9, 2015

Build a Custom UI Control with D3.js

The Challenge

choose a solution…

Interactive SVG elements with http://d3js.org/

…borrowing an open source template

http://jaketrent.com/post/rotate-gauge-needle-in-d3/

…fork a template

Original: http://codepen.io/jaketrent/pen/eloGk/My Fork: http://codepen.io/codeleash/pen/QwBeOP

… customize the specs

… customize the specs

… customize the specs

… customize the style

… add interactive elements

…and connect to the map

…and connect to the map

…and connect to the map

…and connect to the map

…and connect to the map

Contact

Alicia Barnash, Blue Raster

abarnash@blueraster.com

@aspacebarnash

http://codepen.io/codeleash/