Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developers.arcgis.com/javascript/latest/visualization/high-density-data/bloom/ below:

Bloom | Overview | ArcGIS Maps SDK for JavaScript 4.33

Magnitude 4.0 earthquakes and greater (1970 - 2019). Brighter areas indicate areas that have more earthquakes than others.

Bloom is a layer effect that brightens symbols representing a layer's features, making them appear to glow. This has an additive effect so areas where more features overlap will have a brighter and more intense glow. This makes bloom an effective way for visualizing dense datasets.

The bloom effect is controlled with three parameters and looks best on dark backgrounds.

bloom(strength, radius, threshold)

The bloom effect can be sensitive to scale, density, and color. Effectively using bloom is often done through trial and error. The parameters that work well for one layer are often not suitable for other layers.

The following example demonstrates how to use bloom to show the density of overlapping points representing nearly 50 years of earthquakes.

1. Create a simple renderer with a very small symbol size (e.g. 1 or 2 pixels) and apply it to the layer.
2. Set the bloom effect on the layer. At a global scale with lots of points, the radius should be small (e.g. 0.1px). The threshold depends on the choice of color for the renderer. A lower number captures more colors (e.g. 15%).

Magnitude 4.0 earthquakes and greater (1970 - 2019). Brighter areas indicate areas that have more earthquakes than others.

ArcGIS JS API

Expand

29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
      const earthquakesLayer = new FeatureLayer({
        url: "https://services.arcgis.com/6DIQcwlPy8knb6sg/arcgis/rest/services/quakes/FeatureServer/0/",
        renderer: {
          type: "simple",
          symbol: {
            type: "simple-marker",
            color: "#fd7f6f",
            size: 1,
            outline: null,
          },
        },
      });

      earthquakesLayer.effect = "bloom(1.3, 0.1px, 15%)";

The following example demonstrates how to use bloom to show the density of overlapping lines representing Florida highways. Thick lines and lines that overlap will have a brighter appearance than thin non-overlapping lines.

1. Create a simple, unique value, or a class breaks renderer and set it on the layer.
2. Set the bloom effect on the layer.

Annual average daily traffic in Florida highways. The color of the symbol indicates the jurisdiction of each highway.

ArcGIS JS API

Expand

29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 29 30 31 32 33 34 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35 35

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
      const highwaysLayer = new FeatureLayer({
        portalItem: {
          id: "cca8f554a0764b94b35f8b1781e399de",
        },
        effect: "bloom(1, 0px, 1%)",
      });

The following table describes the geometry and view types that are suited well for each visualization technique.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4