Skip to content

Commit 6726e30

Browse files
sbm-cssbm-cs
committed
changed legend symbols and size of sales dots
1 parent 1b74c12 commit 6726e30

File tree

1 file changed

+36
-32
lines changed

1 file changed

+36
-32
lines changed

‎map.html‎

Lines changed: 36 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -420,27 +420,27 @@ <h3 class="font-medium mb-2">Total assessed value per acre</h3>
420420
<div class="space-y-1 text-xs mt-2 text-gray-600">
421421
<div class="flex justify-between">
422422
<span>$0 - $200k</span>
423-
<span style="color: #ebe8fd;">■</span>
423+
<span style="color: #ebe8fd; font-size: 1.4em;">●</span>
424424
</div>
425425
<div class="flex justify-between">
426426
<span>$200k - $400k</span>
427-
<span style="color: #dbb7da;">■</span>
427+
<span style="color: #dbb7da; font-size: 1.4em;">●</span>
428428
</div>
429429
<div class="flex justify-between">
430430
<span>$400k - $600k</span>
431-
<span style="color: #bf88bb;">■</span>
431+
<span style="color: #bf88bb; font-size: 1.4em;">●</span>
432432
</div>
433433
<div class="flex justify-between">
434434
<span>$600k - $1M</span>
435-
<span style="color: #975391;">■</span>
435+
<span style="color: #975391; font-size: 1.4em;">●</span>
436436
</div>
437437
<div class="flex justify-between">
438438
<span>$1M - $1.2M</span>
439-
<span style="color: #62204f;">■</span>
439+
<span style="color: #62204f; font-size: 1.4em;">●</span>
440440
</div>
441441
<div class="flex justify-between">
442442
<span>$1.2M+</span>
443-
<span style="color: #420d31;">■</span>
443+
<span style="color: #420d31; font-size: 1.4em;">●</span>
444444
</div>
445445
</div>
446446
</div>
@@ -452,15 +452,15 @@ <h3 class="font-medium mb-2">Amenities</h3>
452452
<div class="space-y-1 text-xs mt-2 text-gray-600">
453453
<div class="flex justify-between">
454454
<span>Grocery</span>
455-
<span style="color: #ecd731;">●</span>
455+
<span style="color: #ecd731; font-size: 1.4em;">●</span>
456456
</div>
457457
<div class="flex justify-between">
458458
<span>Healthcare</span>
459-
<span style="color: #F95738;">●</span>
459+
<span style="color: #F95738; font-size: 1.4em;">●</span>
460460
</div>
461461
<div class="flex justify-between">
462462
<span>School</span>
463-
<span style="color: #6e79dd;">●</span>
463+
<span style="color: #6e79dd; font-size: 1.4em;">●</span>
464464
</div>
465465
</div>
466466
</div>
@@ -475,19 +475,19 @@ <h3 class="font-medium mb-2">Recent sales</h3>
475475
<div class="space-y-1 ml-2">
476476
<div class="flex justify-between">
477477
<span>$50k - $300k</span>
478-
<span style="color: #f8ffe5;">●</span>
478+
<span style="color: #f8ffe5; font-size: 1.4em;">●</span>
479479
</div>
480480
<div class="flex justify-between">
481481
<span>$300k - $400k</span>
482-
<span style="color: #fff290;">●</span>
482+
<span style="color: #fff290; font-size: 1.4em;">●</span>
483483
</div>
484484
<div class="flex justify-between">
485485
<span>$400k - $500k</span>
486-
<span style="color: #ecd731;">●</span>
486+
<span style="color: #ecd731; font-size: 1.4em;">●</span>
487487
</div>
488488
<div class="flex justify-between">
489489
<span>$500k+</span>
490-
<span style="color: #b7a329;">●</span>
490+
<span style="color: #b7a329; font-size: 1.4em;">●</span>
491491
</div>
492492
</div>
493493
</div>
@@ -496,19 +496,19 @@ <h3 class="font-medium mb-2">Recent sales</h3>
496496
<div class="space-y-1 ml-2">
497497
<div class="flex justify-between">
498498
<span>$50k - $300k</span>
499-
<span style="color: #ebe8ff;">●</span>
499+
<span style="color: #ebe8ff; font-size: 1.4em;">●</span>
500500
</div>
501501
<div class="flex justify-between">
502502
<span>$300k - $400k</span>
503-
<span style="color: #e3b4de;">●</span>
503+
<span style="color: #e3b4de; font-size: 1.4em;">●</span>
504504
</div>
505505
<div class="flex justify-between">
506506
<span>$400k - $500k</span>
507-
<span style="color: #a34997;">●</span>
507+
<span style="color: #a34997; font-size: 1.4em;">●</span>
508508
</div>
509509
<div class="flex justify-between">
510510
<span>$500k+</span>
511-
<span style="color: #6b1352;">●</span>
511+
<span style="color: #6b1352; font-size: 1.4em;">●</span>
512512
</div>
513513
</div>
514514
</div>
@@ -522,43 +522,43 @@ <h3 class="font-medium mb-2">Zoning</h3>
522522
<div class="space-y-1 text-xs mt-2 text-gray-600">
523523
<div class="flex justify-between">
524524
<span>Residential - low</span>
525-
<span style="color: #fff8bf;">■</span>
525+
<span style="color: #fff8bf; font-size: 1.4em;">●</span>
526526
</div>
527527
<div class="flex justify-between">
528528
<span>Residential - middle</span>
529-
<span style="color: #ffd489;">■</span>
529+
<span style="color: #ffd489; font-size: 1.4em;">●</span>
530530
</div>
531531
<div class="flex justify-between">
532532
<span>Residential - high</span>
533-
<span style="color: #ffa631;">■</span>
533+
<span style="color: #ffa631; font-size: 1.4em;">●</span>
534534
</div>
535535
<div class="flex justify-between">
536536
<span>Commercial</span>
537-
<span style="color: #ff6969;">■</span>
537+
<span style="color: #ff6969; font-size: 1.4em;">●</span>
538538
</div>
539539
<div class="flex justify-between">
540540
<span>Industrial</span>
541-
<span style="color: #767676;">■</span>
541+
<span style="color: #767676; font-size: 1.4em;">●</span>
542542
</div>
543543
<div class="flex justify-between">
544544
<span>Agricultural</span>
545-
<span style="color: #d2c698;">■</span>
545+
<span style="color: #d2c698; font-size: 1.4em;">●</span>
546546
</div>
547547
<div class="flex justify-between">
548548
<span>Mixed-use</span>
549-
<span style="color: #d899dd;">■</span>
549+
<span style="color: #d899dd; font-size: 1.4em;">●</span>
550550
</div>
551551
<div class="flex justify-between">
552552
<span>Planned Unit Development</span>
553-
<span style="color: #0ec1e1;">■</span>
553+
<span style="color: #0ec1e1; font-size: 1.4em;">●</span>
554554
</div>
555555
<div class="flex justify-between">
556556
<span>Open space</span>
557-
<span style="color: #d4f088;">■</span>
557+
<span style="color: #d4f088; font-size: 1.4em;">●</span>
558558
</div>
559559
<div class="flex justify-between">
560560
<span>Public Facilities</span>
561-
<span style="color: black;">■</span>
561+
<span style="color: black; font-size: 1.4em;">●</span>
562562
</div>
563563
</div>
564564
</div>
@@ -570,19 +570,23 @@ <h3 class="font-medium mb-2">Dwelling units per acre</h3>
570570
<div class="space-y-1 text-xs mt-2 text-gray-600">
571571
<div class="flex justify-between">
572572
<span>1</span>
573-
<span style="color: #f6f3d8;">■</span>
573+
<span style="color: #f6f3d8; font-size: 1.4em;">●</span>
574574
</div>
575575
<div class="flex justify-between">
576576
<span>10</span>
577-
<span style="color: #fff298;">■</span>
577+
<span style="color: #fff298; font-size: 1.4em;">●</span>
578578
</div>
579579
<div class="flex justify-between">
580580
<span>25</span>
581-
<span style="color: #ebd74a;">■</span>
581+
<span style="color: #ebd74a; font-size: 1.4em;">●</span>
582582
</div>
583583
<div class="flex justify-between">
584584
<span>50+</span>
585-
<span style="color: #b6a33a;">■</span>
585+
<span style="color: #b6a33a; font-size: 1.4em;">●</span>
586+
</div>
587+
<div class="flex justify-between">
588+
<span>PUD</span>
589+
<span style="color: #434343; font-size: 1.4em;">●</span>
586590
</div>
587591
</div>
588592
</div>
@@ -922,7 +926,7 @@ <h3 class="font-medium mb-2">Dwelling units per acre</h3>
922926
layout: { visibility: 'none' },
923927
paint: {
924928
// constant size
925-
'circle-radius': 6,
929+
'circle-radius': 4,
926930
'circle-opacity': 0.9,
927931
'circle-stroke-color': '#ffffff',
928932
'circle-stroke-width': 0.75,

0 commit comments

Comments
 (0)