Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SIEM] Update Map Styling #47046

Closed
spong opened this issue Oct 1, 2019 · 2 comments · Fixed by #48284
Closed

[SIEM] Update Map Styling #47046

spong opened this issue Oct 1, 2019 · 2 comments · Fixed by #48284
Assignees
Labels
enhancement New value added to drive a business result Team:SIEM v7.5.0

Comments

@spong
Copy link
Member

spong commented Oct 1, 2019

Update the styling on the map to match the screenshot below.

image

Lines Styles / Source Styles / Destination Styles:

@spong spong added enhancement New value added to drive a business result Team:SIEM v7.5.0 labels Oct 1, 2019
@spong spong self-assigned this Oct 1, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/siem

@spong
Copy link
Member Author

spong commented Oct 15, 2019

Here's the exported config of the above map saved object:

Config JSON
{
  "_index": ".kibana-dev_11",
  "_type": "_doc",
  "_id": "map:85555620-d408-11e9-9b5d-87678d33bac2",
  "_score": 5.6645026,
  "_source": {
    "map": {
      "title": "Michael Test",
      "description": "",
      "mapStateJSON": {
        "zoom": 2.13,
        "center": { "lon": 6.81149, "lat": 15.88584 },
        "timeFilters": {
          "from": "2019-05-19T20:00:00.000Z",
          "to": "2019-05-19T20:10:00.000Z"
        },
        "refreshConfig": { "isPaused": false, "interval": 0 },
        "query": { "language": "kuery", "query": "" },
        "filters": []
      },
      "layerListJSON": [
        {
          "sourceDescriptor": { "type": "EMS_TMS", "isAutoSelect": true },
          "id": "96029879-55cb-4d83-a8e2-5104053d5d36",
          "label": null,
          "minZoom": 0,
          "maxZoom": 24,
          "alpha": 1,
          "visible": true,
          "applyGlobalQuery": true,
          "style": { "type": "TILE", "properties": {} },
          "type": "VECTOR_TILE"
        },
        {
          "sourceDescriptor": {
            "id": "road_map",
            "type": "EMS_TMS",
            "isAutoSelect": false
          },
          "style": null,
          "id": "cef1d1e0-0d41-4183-90a4-cdd36ca1d58d",
          "label": null,
          "minZoom": 0,
          "maxZoom": 24,
          "alpha": 1,
          "visible": false,
          "applyGlobalQuery": true,
          "type": "VECTOR_TILE"
        },
        {
          "style": {
            "type": "VECTOR",
            "properties": {
              "fillColor": {
                "type": "STATIC",
                "options": { "color": "#1EA593" }
              },
              "lineColor": {
                "type": "STATIC",
                "options": { "color": "#3185FC" }
              },
              "lineWidth": {
                "type": "DYNAMIC",
                "options": {
                  "field": {
                    "label": "count",
                    "name": "doc_count",
                    "origin": "source"
                  },
                  "minSize": 1,
                  "maxSize": 8
                }
              },
              "iconSize": { "type": "STATIC", "options": { "size": 10 } },
              "iconOrientation": {
                "type": "STATIC",
                "options": { "orientation": 0 }
              },
              "symbol": {
                "options": { "symbolizeAs": "circle", "symbolId": "airfield" }
              }
            }
          },
          "sourceDescriptor": {
            "type": "ES_PEW_PEW",
            "id": "875b4937-042b-41c6-976c-4296c7bf0aa7",
            "sourceGeoField": "source.geo.location",
            "destGeoField": "destination.geo.location",
            "metrics": [{ "type": "count", "label": "Total Documents" }],
            "indexPatternRefName": "layer_2_source_index_pattern"
          },
          "id": "4e9c27f5-0e73-452e-b0d8-ca25f7df7b61",
          "label": "filebeat-* | lines",
          "minZoom": 0,
          "maxZoom": 24,
          "alpha": 0.5,
          "visible": true,
          "applyGlobalQuery": true,
          "type": "VECTOR"
        },
        {
          "sourceDescriptor": {
            "type": "ES_GEO_GRID",
            "id": "01e7495c-fcd3-42c2-a7a9-8d49efbfc5ff",
            "geoField": "source.geo.location",
            "requestType": "heatmap",
            "resolution": "FINE",
            "indexPatternRefName": "layer_3_source_index_pattern"
          },
          "style": { "type": "HEATMAP", "colorRampName": "theclassic" },
          "id": "e33527b5-e1dc-4f46-9040-94cd333228b8",
          "label": "filebeat-* | src heatmap",
          "minZoom": 0,
          "maxZoom": 24,
          "alpha": 0.5,
          "visible": false,
          "applyGlobalQuery": true,
          "type": "HEATMAP"
        },
        {
          "sourceDescriptor": {
            "id": "f3e5d0d1-1186-4364-8a9c-b0f929eef17c",
            "type": "ES_SEARCH",
            "geoField": "destination.geo.location",
            "filterByMapBounds": true,
            "tooltipProperties": ["host.name", "host.ip", "_source"],
            "useTopHits": false,
            "topHitsTimeField": "@timestamp",
            "topHitsSize": 1,
            "indexPatternRefName": "layer_4_source_index_pattern"
          },
          "style": {
            "type": "VECTOR",
            "properties": {
              "fillColor": {
                "type": "STATIC",
                "options": { "color": "#DB1374" }
              },
              "lineColor": {
                "type": "STATIC",
                "options": { "color": "#FFFFFF" }
              },
              "lineWidth": { "type": "STATIC", "options": { "size": 2 } },
              "iconSize": { "type": "STATIC", "options": { "size": 8 } },
              "iconOrientation": {
                "type": "STATIC",
                "options": { "orientation": 0 }
              },
              "symbol": {
                "options": { "symbolizeAs": "icon", "symbolId": "marker" }
              }
            }
          },
          "id": "e1db6592-3875-4c12-a967-2ab05c892d6b",
          "label": "filebeat-* | dest doc",
          "minZoom": 0,
          "maxZoom": 24,
          "alpha": 1,
          "visible": true,
          "applyGlobalQuery": true,
          "type": "VECTOR",
          "query": {
            "query": "source.geo.location:* and destination.geo.location:*",
            "language": "kuery"
          }
        },
        {
          "sourceDescriptor": {
            "id": "26d06568-e6ff-4f65-a714-1b03c731e1fe",
            "type": "ES_SEARCH",
            "geoField": "source.geo.location",
            "filterByMapBounds": false,
            "tooltipProperties": ["host.name", "host.ip", "_source"],
            "useTopHits": false,
            "topHitsTimeField": "@timestamp",
            "topHitsSize": 1,
            "indexPatternRefName": "layer_5_source_index_pattern"
          },
          "style": {
            "type": "VECTOR",
            "properties": {
              "fillColor": {
                "type": "STATIC",
                "options": { "color": "#3185FC" }
              },
              "lineColor": {
                "type": "STATIC",
                "options": { "color": "#FFFFFF" }
              },
              "lineWidth": { "type": "STATIC", "options": { "size": 2 } },
              "iconSize": { "type": "STATIC", "options": { "size": 8 } },
              "iconOrientation": {
                "type": "STATIC",
                "options": { "orientation": 0 }
              },
              "symbol": {
                "options": { "symbolizeAs": "icon", "symbolId": "home" }
              }
            }
          },
          "id": "0d0ebce6-24f8-4294-bd5b-448f6f189df5",
          "label": "filebeat-* | src doc",
          "minZoom": 0,
          "maxZoom": 24,
          "alpha": 1,
          "visible": true,
          "applyGlobalQuery": true,
          "type": "VECTOR",
          "query": {
            "query": "source.geo.location:* and destination.geo.location:*",
            "language": "kuery"
          },
          "joins": []
        }
      ],
      "uiStateJSON": { "isLayerTOCOpen": true, "openTOCDetails": [] },
      "bounds": {
        "type": "Polygon",
        "coordinates": [
          [
            [-130.58177, 67.25132],
            [-130.58177, -51.13394],
            [144.20475, -51.13394],
            [144.20475, 67.25132],
            [-130.58177, 67.25132]
          ]
        ]
      }
    },
    "type": "map",
    "references": [
      {
        "name": "layer_2_source_index_pattern",
        "type": "index-pattern",
        "id": "17b02b60-9c57-11e9-b120-255d7dc7edc1"
      },
      {
        "name": "layer_3_source_index_pattern",
        "type": "index-pattern",
        "id": "17b02b60-9c57-11e9-b120-255d7dc7edc1"
      },
      {
        "name": "layer_4_source_index_pattern",
        "type": "index-pattern",
        "id": "17b02b60-9c57-11e9-b120-255d7dc7edc1"
      },
      {
        "name": "layer_5_source_index_pattern",
        "type": "index-pattern",
        "id": "17b02b60-9c57-11e9-b120-255d7dc7edc1"
      }
    ],
    "migrationVersion": {
      "map": "7.4.0"
    },
    "updated_at": "2019-09-10T21:26:57.248Z"
  }
}

spong added a commit that referenced this issue Oct 15, 2019
## Summary

Updates map styles as outlined by design in the below issue.

Resolves #47046



##### New Styles Light Mode:
<img width="1157" alt="Screen Shot 2019-10-15 at 14 01 20" src="https://user-images.githubusercontent.com/2946766/66866294-3a8c2600-ef56-11e9-8353-7e197f39a782.png">

##### New Styles Dark Mode:
<img width="1346" alt="Screen Shot 2019-10-15 at 14 12 31" src="https://user-images.githubusercontent.com/2946766/66866280-35c77200-ef56-11e9-816a-368ee2d7bd9b.png">


### Checklist

Use ~~strikethroughs~~ to remove checklist items you don't feel are applicable to this PR.

- [ ] ~This was checked for cross-browser compatibility, [including a check against IE11](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility)~
- [ ] ~Any text added follows [EUI's writing guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/master/packages/kbn-i18n/README.md)~
- [ ] ~[Documentation](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#writing-documentation) was added for features that require explanation or tutorials~ 
  * @benskelker - will we need to update the map screenshots as part of this release?
- [x] [Unit or functional tests](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility) were updated or added to match the most common scenarios
- [ ] ~This was checked for [keyboard-only and screenreader accessibility](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Accessibility_testing_checklist)~

### For maintainers

- [ ] ~This was checked for breaking API changes and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~
- [ ] ~This includes a feature addition or change that requires a release note and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~
spong added a commit to spong/kibana that referenced this issue Oct 16, 2019
## Summary

Updates map styles as outlined by design in the below issue.

Resolves elastic#47046



##### New Styles Light Mode:
<img width="1157" alt="Screen Shot 2019-10-15 at 14 01 20" src="https://user-images.githubusercontent.com/2946766/66866294-3a8c2600-ef56-11e9-8353-7e197f39a782.png">

##### New Styles Dark Mode:
<img width="1346" alt="Screen Shot 2019-10-15 at 14 12 31" src="https://user-images.githubusercontent.com/2946766/66866280-35c77200-ef56-11e9-816a-368ee2d7bd9b.png">


### Checklist

Use ~~strikethroughs~~ to remove checklist items you don't feel are applicable to this PR.

- [ ] ~This was checked for cross-browser compatibility, [including a check against IE11](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility)~
- [ ] ~Any text added follows [EUI's writing guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/master/packages/kbn-i18n/README.md)~
- [ ] ~[Documentation](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#writing-documentation) was added for features that require explanation or tutorials~ 
  * @benskelker - will we need to update the map screenshots as part of this release?
- [x] [Unit or functional tests](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility) were updated or added to match the most common scenarios
- [ ] ~This was checked for [keyboard-only and screenreader accessibility](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Accessibility_testing_checklist)~

### For maintainers

- [ ] ~This was checked for breaking API changes and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~
- [ ] ~This includes a feature addition or change that requires a release note and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~
spong added a commit that referenced this issue Oct 16, 2019
## Summary

Updates map styles as outlined by design in the below issue.

Resolves #47046



##### New Styles Light Mode:
<img width="1157" alt="Screen Shot 2019-10-15 at 14 01 20" src="https://user-images.githubusercontent.com/2946766/66866294-3a8c2600-ef56-11e9-8353-7e197f39a782.png">

##### New Styles Dark Mode:
<img width="1346" alt="Screen Shot 2019-10-15 at 14 12 31" src="https://user-images.githubusercontent.com/2946766/66866280-35c77200-ef56-11e9-816a-368ee2d7bd9b.png">


### Checklist

Use ~~strikethroughs~~ to remove checklist items you don't feel are applicable to this PR.

- [ ] ~This was checked for cross-browser compatibility, [including a check against IE11](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility)~
- [ ] ~Any text added follows [EUI's writing guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/master/packages/kbn-i18n/README.md)~
- [ ] ~[Documentation](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#writing-documentation) was added for features that require explanation or tutorials~ 
  * @benskelker - will we need to update the map screenshots as part of this release?
- [x] [Unit or functional tests](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility) were updated or added to match the most common scenarios
- [ ] ~This was checked for [keyboard-only and screenreader accessibility](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Accessibility_testing_checklist)~

### For maintainers

- [ ] ~This was checked for breaking API changes and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~
- [ ] ~This includes a feature addition or change that requires a release note and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New value added to drive a business result Team:SIEM v7.5.0
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants