USMapWithZipDots
United States map populated with zip code value pairs.
Configuration Options
arbitraryRadiusScaleThreshold
Type: number
Default: 3000
Threshold at which there are enough zips to drop to a smaller radius
backButtonArrowColor
Type: color
Default: "#8A8D8F"
undefined
backButtonArrowStrokeWidth
Type: number
Default: 2
Units: px
backButtonFontColor
Type: color
Default: "#333333"
undefined
backButtonFontFamily
Type: string
Default: "OpenSans"
undefined
backButtonFontSize
Type: number
Default: 12
Units: px
undefined
backButtonFontWeight
Type: number
Default: 600
undefined
backButtonOffsetLeft
Type: number
Default: 5
Units: px
Spacing from the left of the chart
backButtonOffsetTop
Type: number
Default: 8
Units: px
Spacing from the top of the chart
chartName
Type: string
Default: "USMapWithZipDots"
Name of chart for reporting
dataIsUsingStateAbbreviations
Type: select
Default: {"name":"Full Form","value":false}
Set the expected data format for the states to be either written out or abbreviated (i.g. California vs CA)
generalBackgroundColor
Type: color
Default: "#FFFFFF"
Color for the background
generalWashoutColor
Type: color
Default: "#E4E5E5"
Fill color that indicates something is not highlighted
height
Type: number
Default: 400
Units: px
Height of the widget
hoverEnabled
Type: boolean
Default: true
Toggle hover on/off
isOnMobile
Type: boolean
Default: false
If true, it signals to the widget that it is running on a mobile device. Should be called before draw and then NEVER changed.
mapBorderColor
Type: color
Default: "#D7D8D8"
Border color for each element
mapBorderWeight
Type: number
Default: 1
Units: px
Width of the element's border
mapNoDataColor
Type: color
Default: "#D9D9D9"
Fill color that indicates something has no data
mapRangeColorsTheme
Type: select
Default: {"name":"Blue","value":["#D9EBFD","#B7DAF5","#90c4e4","#73B0D7","#4E8CBA","#31689B"]}
The color theme used by the elements
maxZipRadius
Type: number
Default: 2
Max radius of each zip
minZipRadius
Type: number
Default: 1
Min radius of each zip
numZipsInUSA
Type: number
Default: 43191
Static number of zips in the USA
shouldValidate
Type: boolean
Default: true
Flag for turning off data validation
textFontFamily
Type: string
Default: "Open Sans"
Font type for the tooltip text
textSize
Type: number
Default: 12
Units: px
Font size for the tooltip text
toolTipHeaderHeight
Type: number
Default: 35
Height of the tooltips header
toolTipListElementHeight
Type: number
Default: 24
Height of each list element in the tooltip
toolTipPadding
Type: number
Default: 10
Padding around the tooltip
tooltipBackgroundColor
Type: color
Default: "#555555"
Background color for the tooltip
tooltipFontWeightHeader
Type: number
Default: 600
undefined
tooltipFontWeightValue
Type: number
Default: 700
undefined
tooltipFontWeightZip
Type: number
Default: 400
undefined
tooltipHeaderColor
Type: color
Default: "#C9C9C9"
Font color for the tooltip title (visible only when multiple zip codes are listed)
tooltipLineColor
Type: color
Default: "#C9C9C9"
Dividing line color for the tooltip (visible only when multiple zip codes are listed)
tooltipTextColor
Type: color
Default: "#FFFFFF"
Font color for the tooltip text
tooltipValueColor
Type: color
Default: "#FFFFFF"
Font color for the tooltip value
tooltipWidthMultipleZipScalar
Type: number
Default: 14
undefined
tooltipWidthSingleZipScalar
Type: number
Default: 9
undefined
tooltipZipColor
Type: color
Default: "#C9C9C9"
Font color for the tooltip zipcode
updateSizeableConfigs
Type: boolean
Default: true
Flag for turning off the mimic of illustrator's scale functionality
width
Type: number
Default: 400
Units: px
Width of the widget
zoomEnabled
Type: boolean
Default: true
Toggle ability to zoom
Data Definition
State
Type: string
Default validate:
function (d) { return this.accessor(d) !== undefined && this.accessor(d) !== ''; }Default accessor:
function (line) { return line[0] === undefined ? undefined : String(line[0]); }Value
Type: number
Default validate:
function (d) { return !isNaN(this.accessor(d)) && this.accessor(d) >= 0; }Default accessor:
function (line) { return Number(line[1]); }value
Type: number
Default validate:
function (d) { return !isNaN(this.accessor(d)) && this.accessor(d) >= 0; }Default accessor:
function (line) { return Number(line[1]); }zip
Type: number
Default validate:
function (d) { return !isNaN(this.accessor(d)) && this.accessor(d) >= 0; }Default accessor:
function (line) { return Number(line[0]); }Events
Dispatch Events
External Events
Example
var sampleData = [[98321, 15152], [97071, 28803], [63437, 1503], [97426, 9716], [61320, 710], [98422, 20151], [69156, 699], [26684, 116], [97394, 4643], [78837, 281], [11215, 63488], [60444, 1761], [59648, 635], [44140, 15651], [3875, 833], [30609, 1956], [72044, 881], [86333, 5734], [59747, 159], [83121, 14], [63454, 946], [61101, 21593], [95818, 19811], [95210, 39009], [37342, 3593], [78016, 9630], [43986, 1975], [77084, 95137], [21722, 5545], [30567, 2981], [68359, 1585], [92020, 57767], [99824, 2111], [67865, 1081], [6515, 17141], [43407, 639], [28904, 8533], [52557, 85], [5001, 9123], [65265, 15409], [8882, 16008], [24069, 1879], [44401, 2892], [92625, 12478], [63087, 769], [12068, 3201], [77457, 651], [67457, 878], [56138, 899], [53295, 359], [40346, 686], [70053, 16499], [33548, 5807], [49236, 4838], [22041, 27989], [52530, 1005], [47951, 2252], [83468, 170], [45716, 469], [56201, 23173], [87582, 1350], [63128, 29356], [27305, 1685], [4093, 8034], [28208, 34167], [36112, 553], [56456, 50], [43832, 7479], [3466, 1332], [78877, 989], [30823, 1800], [59061, 272], [25187, 719], [55337, 44356], [54768, 5990], [2571, 10481], [91768, 34537], [59465, 52], [62017, 1185], [33498, 14557], [26101, 29999], [38626, 1353], [29907, 12570], [45836, 1479], [94545, 29707], [3045, 13560], [98536, 211], [47340, 2914], [71356, 648], [12089, 69], [39861, 1003], [55414, 28495], [98230, 15710], [10543, 20135], [63767, 655], [17963, 9317], [33445, 29754], [91780, 34332], [38866, 11897], [66523, 3833], [97623, 2310], [25653, 459], [58762, 246], [20625, 1062], [58835, 313], [49621, 3096], [97707, 5814], [59937, 12588], [15461, 4333], [58569, 77], [50160, 465], [51510, 3785], [36017, 3318], [13051, 153], [36786, 3365], [56368, 4239], [76842, 191], [90822, 117], [49259, 2523], [32425, 14268], [30442, 7698], [84093, 23130], [22312, 30614], [29564, 985], [14462, 655], [91411, 24628], [46256, 23647], [56281, 619], [64012, 27260], [43517, 3744], [2860, 45199], [61760, 2544], [18512, 12218], [87728, 417], [90403, 24525], [15220, 17718], [30102, 37470], [62874, 372], [23878, 1118], [81154, 1148], [97532, 2378], [58385, 225], [56224, 333], [68331, 961], [55312, 1595], [93561, 34630], [77342, 23], [87111, 56490], [52646, 376], [98503, 36611], [45729, 1289], [56367, 6263], [38873, 2719], [64469, 2339], [61752, 4339], [83548, 117], [80926, 1403], [99786, 259], [93222, 2099], [41812, 230], [56534, 1164], [8511, 826], [69358, 1907], [74766, 1595], [5660, 1660], [42040, 1082], [74477, 5], [1222, 829], [62670, 2997], [53964, 3604], [36513, 555], [14724, 2540], [33178, 39489], [84308, 325], [5482, 7198], [17030, 832], [39556, 7705], [88011, 27698], [22976, 339], [19142, 29595], [99180, 939], [28379, 26388], [38545, 1474], [56282, 1510], [44436, 3836], [55429, 26751], [62890, 2882], [14551, 5651], [98940, 760], [81007, 29709], [30553, 7232], [46146, 117], [60093, 19570], [26585, 479], [41560, 384], [78006, 27558], [33859, 10582], [54498, 2421], [79250, 1508], [16059, 7738], [31331, 7856], [14489, 7192], [78614, 456], [76844, 3550], [53129, 13973], [21793, 9775], [49777, 1640], [37688, 1018], [18451, 448], [40484, 11612], [76247, 13098], [77488, 14148], [50057, 238], [24843, 158], [59050, 1715], [90011, 103892], [51454, 1346], [21229, 45213], [63766, 1288], [19013, 35130], [65704, 4047], [67842, 427], [5495, 9341], [24421, 3868], [76093, 2095], [90006, 59185], [58703, 19396], [23841, 3479], [12434, 751], [67756, 2016], [49013, 5508], [1379, 813], [57435, 247], [68654, 541], [47861, 616], [28635, 3901], [61418, 673], [70658, 955], [76065, 28986], [75754, 5783], [49722, 220], [68649, 1835], [66717, 497], [95717, 231], [10963, 4298], [72326, 2267], [32034, 31008], [56676, 1663], [13652, 1815], [76302, 13206], [97868, 1991], [70783, 2604], [33190, 11593], [63849, 186], [77547, 9735], [13841, 529], [87942, 898], [61020, 3108], [41169, 5354], [46304, 24207], [77974, 455], [16351, 1716], [36542, 12705], [37048, 6030], [32195, 3328], [81082, 12480], [79903, 18451], [92274, 19801], [76872, 717], [57751, 844], [71465, 3139], [87930, 829], [37757, 9337], [43845, 4711], [12934, 1074], [17086, 2499], [45102, 22680], [19403, 44260], [29685, 1230], [45715, 2630], [35172, 2986], [68444, 97], [54721, 1373], [56374, 9868], [46135, 20992], [57328, 1134], [56335, 199], [25841, 575], [49007, 10762], [37380, 6289], [10918, 11647], [93263, 19582], [75206, 36248], [51557, 833], [65543, 431], [74552, 1058], [78237, 36929], [99743, 1069], [59915, 403], [32460, 5856], [27980, 2182], [50475, 1757], [3110, 21203], [54949, 3430], [76006, 22639], [95005, 6311], [13404, 236], [95430, 44], [16323, 16372], [58853, 292], [7503, 18723], [22025, 17379], [70345, 9754], [70357, 3043], [26711, 2655], [23885, 2807], [92706, 36457], [14480, 833], [61801, 30937], [16370, 358], [93519, 101], [29676, 5201], [99518, 10225], [37325, 1845], [76120, 15283], [13146, 2443], [27591, 19589], [68073, 1960], [6420, 4182], [81058, 990], [92880, 58763], [55744, 20164], [26138, 127], [95319, 1749], [51036, 726], [18237, 3110], [98849, 1078], [14060, 443], [99923, 87], [1523, 7582], [47034, 158], [60416, 9397], [35979, 1398], [37411, 17587], [60068, 37475], [12074, 2963], [92562, 62079], [93606, 1217], [42259, 1281], [92104, 44414], [87048, 8682], [47638, 3577], [76626, 1563], [72524, 376], [77465, 7161], [39423, 2690], [3813, 3250], [23915, 1220], [17339, 6940], [8344, 5847], [59441, 82], [98572, 797], [68826, 3955], [78122, 418], [1007, 14649], [62078, 119], [90266, 35135], [88101, 45006], [48880, 10669], [12864, 36], [23605, 13854], [17099, 1179], [12449, 3367], [47590, 713], [24448, 376], [93622, 9581], [61360, 3393], [2769, 11608], [14135, 119], [25557, 1754], [78594, 1990], [58651, 475], [23488, 201], [18801, 8266], [27042, 834], [43164, 2203], [20862, 343], [13622, 2432], [67065, 228], [30423, 120], [26767, 768], [13110, 2338], [28469, 5839], [10312, 59304], [93265, 3699], [58002, 23], [41653, 11451], [2557, 4491], [12841, 77], [74724, 377], [61084, 3175], [8110, 19008], [77346, 53578], [59638, 617], [22949, 1300], [52078, 914], [75654, 12417], [11754, 18958], [68785, 274], [15229, 13825], [22306, 32326], [58311, 60], [14174, 5794], [71049, 3460], [39766, 2630], [5675, 1064], [11568, 4555], [76309, 13862], [98360, 12221], [4558, 308], [85023, 31274], [47561, 1588], [55130, 17575], [60526, 13576], [52032, 1456], [48854, 18598], [45333, 1345], [47924, 141], [45247, 22082], [76802, 5075], [96772, 2304], [6796, 1009], [66109, 20480], [75962, 3029], [80113, 20562], [40506, 2802], [10933, 473], [15870, 1326], [55781, 734], [94947, 24283], [73142, 10707], [7630, 7379], [60033, 13922], [53089, 18568], [71105, 21907], [34217, 5007], [83869, 4161], [79064, 2739], [50119, 498], [88003, 894], [45167, 3764], [83011, 240], [50566, 433], [4357, 3399], [27953, 1021], [50510, 1116], [97862, 11666], [36255, 969], [41555, 915], [42748, 8706], [62631, 262], [31533, 17494], [39096, 2338], [25051, 164], [11362, 17823], [38950, 334], [40771, 1068], [89508, 11662], [92316, 30830], [83540, 2190], [10538, 16597], [33136, 13791], [41714, 418], [72333, 667], [54124, 3881], [39701, 13997], [27249, 12486], [95595, 262], [97111, 3156], [98610, 2871], [41838, 548], [67454, 563], [58222, 295], [84112, 1942], [17077, 46], [74948, 12788], [38041, 5085], [89418, 388], [43023, 13231], [38372, 17595], [26346, 972], [43223, 27366], [57776, 15], [71222, 3481], [65536, 28874], [47117, 4429], [4911, 2136], [17254, 89], [8817, 44621], [37050, 1699], [56267, 6807], [37916, 12507], [2724, 16908], [91604, 29034], [32803, 19020], [65624, 1577], [5486, 1654], [29113, 1618], [11359, 0], [59054, 315], [50842, 105], [46118, 5015], [97443, 2232], [24984, 185], [27929, 1166], [88231, 3238], [95060, 46377], [25130, 3846], [47403, 30955], [83434, 1741], [84660, 37995], [89311, 235], [17810, 4683], [35744, 2570], [39209, 29617], [53402, 33174], [15051, 461], [55982, 436], [41826, 978], [87753, 254], [59457, 9105], [46704, 60], [37871, 9134], [56186, 388], [54201, 5345], [4571, 323], [45409, 12868], [41002, 2510], [63656, 531], [21865, 470], [3882, 1465], [66539, 2806], [65248, 4619], [71447, 1469], [41606, 656], [76490, 91], [83111, 54], [31007, 1117], [15044, 27049], [2863, 19385], [62868, 1872], [10301, 39706], [97107, 1530], [75960, 913], [28624, 1639], [17402, 36360], [37186, 9184], [65075, 784], [58212, 474], [13102, 85], [66518, 189], [83677, 44], [66506, 3614], [66767, 511], [78151, 1347], [4090, 9589], [6475, 10242], [95209, 39488], [30757, 1787], [49745, 1089], [63037, 3241], [43462, 1163], [82336, 498], [8106, 9874], [6340, 31242], [50111, 9407], [70665, 10743], [30417, 11090], [80902, 12289], [46366, 5791], [74022, 1760], [62351, 1856], [68445, 152], [33496, 20969], [93650, 4055], [66710, 746], [63368, 43360], [2802, 786], [78652, 4466], [56010, 1129], [26032, 1243], [31520, 22336], [53803, 1306], [53961, 837], [55344, 13952], [46347, 4760], [47987, 4049], [68010, 745], [49971, 483], [19401, 41753], [1035, 5250], [60502, 21873], [92807, 36171], [55954, 1442], [27562, 1938], [6770, 31975], [19096, 13572], [58646, 1138], [59910, 356], [47334, 3263], [97017, 2922], [97045, 51359], [56149, 1268], [18352, 1098], [60952, 684], [22408, 26851], [98613, 400], [39191, 8074], [62080, 2508], [65565, 5854], [2324, 26563], [35587, 1025], [49445, 20784], [96731, 3292], [7444, 11046], [2054, 7891], [28523, 2456], [66872, 1134], [56523, 539], [58710, 469], [12209, 10121], [75838, 666], [53103, 3724], [3077, 10155], [65764, 1287], [15935, 2620], [19477, 146], [65066, 6703], [86335, 4806], [16240, 1533], [44082, 1619], [18651, 8880], [5841, 425], [71368, 1459], [44278, 17868], [80444, 1080], [78671, 654], [27576, 17091], [26282, 60], [29051, 951], [71065, 1232], [74337, 5060], [77951, 2616], [58833, 80], [5747, 280], [93458, 55431], [99655, 669], [49421, 5991], [59411, 460], [38226, 345], [85650, 15279], [43439, 113], [48382, 21945], [36616, 27], [50012, 4062], [64157, 16122], [46794, 1587], [48457, 8436], [12094, 2268], [32054, 12307], [4761, 529], [24378, 1229], [61727, 10015], [65466, 1634], [96076, 166], [55025, 23244], [67332, 207], [31211, 16282], [33462, 30879], [27051, 7369], [70733, 1621], [17211, 368], [83314, 898], [5340, 763], [50471, 689], [42461, 1481], [28520, 327], [15473, 3862], [11729, 28032], [32223, 23980], [10305, 41749], [32317, 14067], [44122, 34057], [51648, 255], [5904, 267], [26678, 1247], [35950, 20826], [41421, 233], [66422, 487], [78026, 5861], [55985, 1858], [98012, 51136], [48211, 7082], [56527, 840], [13132, 4244], [92315, 5094], [85131, 18017], [86515, 1585], [48234, 36140], [54475, 1482], [89179, 2340], [48374, 14049], [81024, 134], [11962, 494], [48551, 0], [11412, 34882], [40964, 151], [57759, 546], [6098, 12426], [6477, 13956], [91401, 39285], [31637, 2848], [45647, 2484], [72130, 560], [95623, 3806], [85003, 9369], [64468, 16023], [93669, 295], [18067, 17852], [56114, 361], [76401, 25702], [2748, 11442], [28112, 26311], [12051, 7070], [98541, 10101], [40019, 3789], [27406, 56458], [82643, 469], [91042, 27585], [23112, 46982], [27401, 21932], [68440, 110], [68029, 899], [24348, 3958], [53210, 28126], [24224, 6734], [41775, 114], [57030, 2816], [40379, 3288], [20105, 11315], [73011, 416], [34234, 19788], [15767, 14668], [68321, 311], [48896, 154], [95551, 1739], [86409, 26471], [60481, 11851], [67410, 10141], [81413, 5243], [93722, 76448], [42649, 2326], [97405, 44645], [92624, 7248], [15361, 151], [48921, 0], [19350, 10921], [68978, 70], [99140, 475], [65768, 488], [68783, 1086], [13802, 718], [63627, 2937], [62850, 381], [8080, 37433], [42368, 1325], [63040, 8512], [11730, 14712], [53066, 33830], [12125, 1373], [93558, 125], [26263, 316], [94972, 52], [47965, 646], [37617, 14251], [88421, 19], [19008, 20535], [86544, 1267], [57037, 819], [46312, 29698], [37149, 2210], [58492, 481], [6389, 41], [62668, 1512], [39834, 2138], [66604, 23344], [38253, 1156], [52231, 328], [15770, 184], [49674, 110], [93510, 7993], [76681, 873], [75158, 4139], [61842, 2984], [49709, 3618], [17349, 7570], [41397, 64], [34474, 16062], [10553, 10170], [8240, 2371], [54830, 2752], [76088, 11499], [15440, 349], [75234, 28794], [97364, 446], [11779, 38421], [8063, 3102], [90032, 45786], [43102, 4512], [55371, 16442], [66019, 246], [72526, 154], [62875, 1167], [2118, 26498], [98155, 32778], [78417, 4176], [10012, 24090], [11558, 8370], [70341, 4449], [73447, 1205], [72324, 1978], [72933, 4999], [62521, 35851], [29481, 1841], [18844, 1870], [1032, 570], [52748, 8850], [33181, 18413], [92551, 30815], [60439, 22919], [75856, 196], [29519, 285], [90073, 539], [54229, 4306], [91030, 25616], [24352, 890], [58779, 367], [20705, 26188], [28382, 7056], [88430, 9], [75764, 233], [16322, 158], [33950, 20699], [33314, 21885], [92234, 51151], [16646, 2558], [60441, 36869], [15203, 9949], [6278, 4454], [66415, 885], [49729, 1446], [36303, 30217], [21250, 3205], [35802, 21297], [65601, 812], [8346, 843], [14782, 2401], [30056, 2500], [10962, 5950], [79533, 472], [3238, 75], [8095, 236], [72202, 9978], [40419, 4621], [20613, 11860], [57073, 711], [41564, 1159], [70525, 13150], [4096, 8349], [94014, 47014], [82221, 635], [98276, 450], [13138, 61], [31327, 195], [57634, 115], [84006, 826], [59529, 163], [57560, 436], [77338, 33971], [60016, 59690], [35962, 8300], [18357, 104], [8640, 7716], [64783, 775], [97826, 1085], [31796, 1112], [44286, 6109], [46804, 27245], [74053, 4315], [25703, 6751], [32817, 35105], [53705, 23494], [53703, 27958], [51447, 228], [45612, 5303], [64636, 299], [62264, 3338], [62947, 539], [52660, 226], [25186, 881], [64084, 1556], [89310, 550], [28773, 3378], [43755, 1620], [74954, 4590], [77476, 313], [72454, 5127], [53012, 18097], [42718, 24312], [74434, 9067], [29375, 95], [8809, 6421], [2554, 9852], [53523, 4949], [49051, 2436], [55944, 7151], [31554, 7076], [55706, 1825], [69147, 737], [58549, 214], [99755, 217], [48629, 7854], [45378, 407], [73066, 417], [99333, 50], [93543, 13033], [92275, 1506], [95620, 20553], [28320, 9229], [71469, 2792], [85256, 4974], [77845, 48938], [30144, 52252], [44887, 1020], [32058, 4416], [50046, 1524], [63633, 645], [75101, 646], [6419, 6525], [15223, 7236], [74755, 83], [48806, 1676], [38646, 3073], [7109, 35897], [48186, 36506], [49688, 2703], [54612, 5152], [60805, 19852], [28337, 10670], [67143, 58], [85351, 27789], [98353, 4], [37924, 11259], [37771, 15380], [49544, 8944], [37046, 3665], [18230, 132], [54666, 2593], [75562, 176], [95312, 268], [44847, 3739], [67159, 169], [20202, 0], [75855, 2369], [15081, 475], [65017, 1549], [74081, 1837], [97041, 2817], [16341, 2030], [88113, 103], [51532, 622], [12787, 452], [40208, 13227], [16876, 311], [46802, 11086], [4983, 1752], [87524, 260], [74052, 1180], [17981, 2751], [17774, 1277], [8618, 38229], [26269, 1018], [67349, 1034], [63653, 1206], [56516, 294], [55752, 395], [91506, 18904], [63551, 338], [49120, 37122], [33854, 194]];
var aHeight = 500;
var aWidth = 500;
//Initialze the widget
var chart = d3.select("#vis")
.append("svg")
.attr({
height: '600px',
width: '600px'
})
.append("g")
.chart("USMapWithZipDots")
.c({
width: aWidth,
height: aHeight,
//textSize: 25,
//toolTipWidth: 250,
//toolTipWidthSingleZip: 150
});
//Render the chart with data
chart._notifier.showMessage(true);
chart.draw(sampleData);
/*----------------------------------------------------------------------------------
Border
----------------------------------------------------------------------------------*/
//d3.select("svg").insert("rect", ":first-child")
// .attr("height", aHeight)
// .attr("width", aWidth)
// .attr("stroke", "black")
// // .style("fill", "#2F3132")
// .style("fill-opacity", 0);
/*----------------------------------------------------------------------------------
Notification Tests
----------------------------------------------------------------------------------*/
//Recieve Notification of a country hover.
// chart.on("onStateCatigoryHover", function (cat) { console.log(cat); });
//Send Notification of a catigory hover.
//chart.trigger("notifyOfCatigoryHover", 1);
//Test sending each catigory notification
//d3.range(-2, 12).forEach(
// function (i)
// {
// setTimeout(function ()
// {
// console.log("Sending Test Notification for: ", i);
//
// //SEND NOTIFICATION
// chart.trigger("notifyOfCatigoryHover", i);
//
// }, 1000 * (i + 2));
// });