BubbleChart.js

import React from "react";

export default ({ artifacts, width, height })  => (
  <svg width={width} height={height}>
    <g transform={`translate(${width / 2}, ${height / 2})`}>
      {artifacts.map((item, index) => (
        <circle
          r={item.radius}
          color={item.color}
          key={index}
        />
      ))}
    </g>
  </svg>
);