Unable to create unique selectionID's

Hi I am trying to create a scatter chart visualisation with circles as datapoints. For this, I wanted to create unique selectionId for each elements. But I am unable to do so. Below is my capabilities.json :

{
"dataRoles": [
{
"displayName": "Category Data",
"name": "category",
"kind": "Grouping"
},
{
"displayName": "Legend",
"name": "group on",
"kind": "Grouping"
},
{
"displayName": "Measure Data",
"name": "dataValue",
"kind": "Measure"
}
],
"dataViewMappings": [
{
"conditions": [
{
"category": {
"max": 1
},
"measure": {
"max": 1
}
}
],
"categorical": {
"categories": {
"for": {
"in": "category"
}
},
"values": {
"group": {
"by":"group on",
"select": [
{
"for":{
"in": "dataValue"
}
}
]
}
}
}
}
]

 and selection creation id's code is :

let selectionId = host.createSelectionIdBuilder()
.withSeries(categorical.values,valueGroupsValue)
.createSelectionId();

It creates same ID for all the data elements. So when i click any element on my chart all the elements properties change.

Please help. 

Sorry for the horrible format of capabilities code. Can't edit it.