D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
TheMapSmith
Full window
Github gist
esri-icon visualization
<link rel="stylesheet" href="https://js.arcgis.com/3.14/esri/css/esri.css"> <h2> <span class="esri-icon-close ></span> <span class="esri-icon-drag-horizontal ></span> <span class="esri-icon-drag-vertical ></span> <span class="esri-icon-handle-horizontal ></span> <span class="esri-icon-handle-vertical ></span> <span class="esri-icon-check-mark ></span> <span class="esri-icon-left-triangle-arrow ></span> <span class="esri-icon-right-triangle-arrow ></span> <span class="esri-icon-down-arrow ></span> <span class="esri-icon-up-arrow ></span> <span class="esri-icon-overview-arrow-bottom-left ></span> <span class="esri-icon-overview-arrow-bottom-right ></span> <span class="esri-icon-overview-arrow-top-left ></span> <span class="esri-icon-overview-arrow-top-right ></span> <span class="esri-icon-maximize ></span> <span class="esri-icon-minimize ></span> <span class="esri-icon-checkbox-unchecked ></span> <span class="esri-icon-checkbox-checked ></span> <span class="esri-icon-radio-unchecked ></span> <span class="esri-icon-radio-checked ></span> <span class="esri-icon-up-arrow-circled ></span> <span class="esri-icon-down-arrow-circled ></span> <span class="esri-icon-left-arrow-circled ></span> <span class="esri-icon-right-arrow-circled ></span> <span class="esri-icon-zoom-out-fixed ></span> <span class="esri-icon-zoom-in-fixed ></span> <span class="esri-icon-refresh ></span> <span class="esri-icon-edit ></span> <span class="esri-icon-authorize ></span> <span class="esri-icon-map-pin ></span> <span class="esri-icon-blank-map-pin ></span> <span class="esri-icon-table ></span> <span class="esri-icon-zoom-in ></span> <span class="esri-icon-zoom-out ></span> <span class="esri-icon-beginning ></span> <span class="esri-icon-reverse ></span> <span class="esri-icon-pause ></span> <span class="esri-icon-play ></span> <span class="esri-icon-forward ></span> <span class="esri-icon-end ></span> <span class="esri-icon-erase ></span> <span class="esri-icon-up-down-arrows ></span> <span class="esri-icon-left ></span> <span class="esri-icon-right ></span> <span class="esri-icon-announcement ></span> <span class="esri-icon-notice-round ></span> <span class="esri-icon-notice-triangle ></span> <span class="esri-icon-home ></span> <span class="esri-icon-locate ></span> <span class="esri-icon-expand ></span> <span class="esri-icon-collapse ></span> <span class="esri-icon-layer-list ></span> <span class="esri-icon-basemap ></span> <span class="esri-icon-globe ></span> <span class="esri-icon-applications ></span> <span class="esri-icon-arrow-up-circled ></span> <span class="esri-icon-arrow-down-circled ></span> <span class="esri-icon-arrow-left-circled ></span> <span class="esri-icon-arrow-right-circled ></span> <span class="esri-icon-delete ></span> <span class="esri-icon-add ></span> <span class="esri-icon-add-attachment ></span> <span class="esri-icon-attachment ></span> <span class="esri-icon-calendar ></span> <span class="esri-icon-close-circled ></span> <span class="esri-icon-browser ></span> <span class="esri-icon-collection ></span> <span class="esri-icon-comment ></span> <span class="esri-icon-configure-popup ></span> <span class="esri-icon-contact ></span> <span class="esri-icon-dashboard ></span> <span class="esri-icon-deny ></span> <span class="esri-icon-description ></span> <span class="esri-icon-directions ></span> <span class="esri-icon-directions2 ></span> <span class="esri-icon-documentation ></span> <span class="esri-icon-duplicate ></span> <span class="esri-icon-review ></span> <span class="esri-icon-environment-settings ></span> <span class="esri-icon-error ></span> <span class="esri-icon-error2 ></span> <span class="esri-icon-experimental ></span> <span class="esri-icon-feature-layer ></span> <span class="esri-icon-filter ></span> <span class="esri-icon-grant ></span> <span class="esri-icon-group ></span> <span class="esri-icon-key ></span> <span class="esri-icon-labels ></span> <span class="esri-icon-tag ></span> <span class="esri-icon-layers ></span> <span class="esri-icon-left-arrow ></span> <span class="esri-icon-right-arrow ></span> <span class="esri-icon-link-external ></span> <span class="esri-icon-link ></span> <span class="esri-icon-loading-indicator ></span> <span class="esri-icon-maps ></span> <span class="esri-icon-marketplace ></span> <span class="esri-icon-media ></span> <span class="esri-icon-media2 ></span> <span class="esri-icon-menu ></span> <span class="esri-icon-mobile ></span> <span class="esri-icon-phone ></span> <span class="esri-icon-navigation ></span> <span class="esri-icon-pan ></span> <span class="esri-icon-printer ></span> <span class="esri-icon-pie-chart ></span> <span class="esri-icon-chart ></span> <span class="esri-icon-line-chart ></span> <span class="esri-icon-question ></span> <span class="esri-icon-resend-invitation ></span> <span class="esri-icon-rotate ></span> <span class="esri-icon-save ></span> <span class="esri-icon-settings ></span> <span class="esri-icon-settings2 ></span> <span class="esri-icon-share ></span> <span class="esri-icon-sign-out ></span> <span class="esri-icon-support ></span> <span class="esri-icon-user ></span> <span class="esri-icon-time-clock ></span> <span class="esri-icon-trash ></span> <span class="esri-icon-upload ></span> <span class="esri-icon-download ></span> <span class="esri-icon-zoom-in-magnifying-glass ></span> <span class="esri-icon-search ></span> <span class="esri-icon-zoom-out-magnifying-glass ></span> <span class="esri-icon-locked ></span> <span class="esri-icon-unlocked ></span> <span class="esri-icon-favorites ></span> <span class="esri-icon-close ></span> <span class="esri-icon-drag-horizontal ></span> <span class="esri-icon-drag-vertical ></span> <span class="esri-icon-handle-horizontal ></span> <span class="esri-icon-handle-vertical ></span> <span class="esri-icon-check-mark ></span> <span class="esri-icon-left-triangle-arrow ></span> <span class="esri-icon-right-triangle-arrow ></span> <span class="esri-icon-down-arrow ></span> <span class="esri-icon-up-arrow ></span> <span class="esri-icon-overview-arrow-bottom-left ></span> <span class="esri-icon-overview-arrow-bottom-right ></span> <span class="esri-icon-overview-arrow-top-left ></span> <span class="esri-icon-overview-arrow-top-right ></span> <span class="esri-icon-maximize ></span> <span class="esri-icon-minimize ></span> <span class="esri-icon-checkbox-unchecked ></span> <span class="esri-icon-checkbox-checked ></span> <span class="esri-icon-radio-unchecked ></span> <span class="esri-icon-radio-checked ></span> <span class="esri-icon-up-arrow-circled ></span> <span class="esri-icon-down-arrow-circled ></span> <span class="esri-icon-left-arrow-circled ></span> <span class="esri-icon-right-arrow-circled ></span> <span class="esri-icon-zoom-out-fixed ></span> <span class="esri-icon-zoom-in-fixed ></span> <span class="esri-icon-refresh ></span> <span class="esri-icon-edit ></span> <span class="esri-icon-authorize ></span> <span class="esri-icon-map-pin ></span> <span class="esri-icon-blank-map-pin ></span> <span class="esri-icon-table ></span> <span class="esri-icon-zoom-in ></span> <span class="esri-icon-zoom-out ></span> <span class="esri-icon-beginning ></span> <span class="esri-icon-reverse ></span> <span class="esri-icon-pause ></span> <span class="esri-icon-play ></span> <span class="esri-icon-forward ></span> <span class="esri-icon-end ></span> <span class="esri-icon-erase ></span> <span class="esri-icon-up-down-arrows ></span> <span class="esri-icon-left ></span> <span class="esri-icon-right ></span> <span class="esri-icon-announcement ></span> <span class="esri-icon-notice-round ></span> <span class="esri-icon-notice-triangle ></span> <span class="esri-icon-home ></span> <span class="esri-icon-locate ></span> <span class="esri-icon-expand ></span> <span class="esri-icon-collapse ></span> <span class="esri-icon-layer-list ></span> <span class="esri-icon-basemap ></span> <span class="esri-icon-globe ></span> <span class="esri-icon-applications ></span> <span class="esri-icon-arrow-up-circled ></span> <span class="esri-icon-arrow-down-circled ></span> <span class="esri-icon-arrow-left-circled ></span> <span class="esri-icon-arrow-right-circled ></span> <span class="esri-icon-delete ></span> <span class="esri-icon-add ></span> <span class="esri-icon-add-attachment ></span> <span class="esri-icon-attachment ></span> <span class="esri-icon-calendar ></span> <span class="esri-icon-close-circled ></span> <span class="esri-icon-browser ></span> <span class="esri-icon-collection ></span> <span class="esri-icon-comment ></span> <span class="esri-icon-configure-popup ></span> <span class="esri-icon-contact ></span> <span class="esri-icon-dashboard ></span> <span class="esri-icon-deny ></span> <span class="esri-icon-description ></span> <span class="esri-icon-directions ></span> <span class="esri-icon-directions2 ></span> <span class="esri-icon-documentation ></span> <span class="esri-icon-duplicate ></span> <span class="esri-icon-review ></span> <span class="esri-icon-environment-settings ></span> <span class="esri-icon-error ></span> <span class="esri-icon-error2 ></span> <span class="esri-icon-experimental ></span> <span class="esri-icon-feature-layer ></span> <span class="esri-icon-filter ></span> <span class="esri-icon-grant ></span> <span class="esri-icon-group ></span> <span class="esri-icon-key ></span> <span class="esri-icon-labels ></span> <span class="esri-icon-tag ></span> <span class="esri-icon-layers ></span> <span class="esri-icon-left-arrow ></span> <span class="esri-icon-right-arrow ></span> <span class="esri-icon-link-external ></span> <span class="esri-icon-link ></span> <span class="esri-icon-loading-indicator ></span> <span class="esri-icon-maps ></span> <span class="esri-icon-marketplace ></span> <span class="esri-icon-media ></span> <span class="esri-icon-media2 ></span> <span class="esri-icon-menu ></span> <span class="esri-icon-mobile ></span> <span class="esri-icon-phone ></span> <span class="esri-icon-navigation ></span> <span class="esri-icon-pan ></span> <span class="esri-icon-printer ></span> <span class="esri-icon-pie-chart ></span> <span class="esri-icon-chart ></span> <span class="esri-icon-line-chart ></span> <span class="esri-icon-question ></span> <span class="esri-icon-resend-invitation ></span> <span class="esri-icon-rotate ></span> <span class="esri-icon-save ></span> <span class="esri-icon-settings ></span> <span class="esri-icon-settings2 ></span> <span class="esri-icon-share ></span> <span class="esri-icon-sign-out ></span> <span class="esri-icon-support ></span> <span class="esri-icon-user ></span> <span class="esri-icon-time-clock ></span> <span class="esri-icon-trash ></span> <span class="esri-icon-upload ></span> <span class="esri-icon-download ></span> <span class="esri-icon-zoom-in-magnifying-glass ></span> <span class="esri-icon-search ></span> <span class="esri-icon-zoom-out-magnifying-glass ></span> <span class="esri-icon-locked ></span> <span class="esri-icon-unlocked ></span> <span class="esri-icon-favorites ></span> </h2>