import React from "react";
import _ from "lodash";
import * as globals from "./globals";

const GraphParticipants = ({points}) => {

  if (!points) {
    return null
  }
// transform={`translate(${globals.side / 2},${globals.side / 2})`}>
  return (
    <g>
      {points.map((pt, i) => {
        return <circle
          r={6}
          fill={globals.groupColor(pt.gid)}
          key={i}
          cx={pt.x}
          cy={pt.y}/>
      })}
    </g>
  );
}

export default GraphParticipants;

import React from "react";
import _ from "lodash";
import * as globals from "./globals";

const GraphParticipants = ({points}) => {

  if (!points) {
    return null
  }
// transform={`translate(${globals.side / 2},${globals.side / 2})`}>
  return (
    <g>
      {points.map((pt, i) => {
        return <circle
          r={4}
          fill={/* globals.groupColor(pt.gid)*/ "rgb(130,130,130)"}
          key={i}
          cx={pt.x}
          cy={pt.y}/>
      })}
    </g>
  );
}

export default GraphParticipants;

make participant dots smaller, grey