data = [];
data.push({
  'id': "Apple",
  'value': 12,
  'condition': 'CM'
});
data.push({
  'id': "Apple",
  'value': 4,
  'condition': 'ECM'
});
data.push({
  'id': "Apple",
  'value': -23,
  'condition': 'SAX'
});
data.push({
  'id': "Microsoft",
  'value': 4,
  'condition': 'SAX'
});
data.push({
  'id': "Microsoft",
  'value': 78,
  'condition': 'ECM'
});
data.push({
  'id': "Microsoft",
  'value': 78,
  'condition': 'CM'
});
data.push({
  'id': "ABC",
  'condition': 'CM'
});
data.push({
  'id': "DEF",
  'condition': 'CM'
});
data.push({
  'id': "XYZ",
  'condition': 'CM'
});

var conditions = new Set(data.map(a => a.condition));
traces = [];
conditions.forEach(function(condition) {
  var newArray = data.filter(function(el) {
    return el.condition == condition;
  });
  traces.push({
    x: newArray.map(a => a.id),
    y: newArray.map(a => a.value),
    name: condition,
    mode: 'markers',
    type: 'scatter',
      marker: {
    color: 'rgb(17, 157, 255)',
    size: 10,
    line: {
      color: 'rgb(231, 99, 250)',
      width: 6
    }
  }
  })
})
Plotly.plot('myPlot', traces);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myPlot"></div>