Files
weave-scope/client/app/scripts/charts/node-shape-circle.js
Simon Howe a34d9c97b8 Adds node-shapes to the canvas
- circle
- rect (w/ radius)
- fluffy cloud shape
- hexagons
- stacks
2016-02-22 12:42:36 +01:00

15 lines
443 B
JavaScript

import React from 'react';
export default function NodeShapeCircle({highlighted, size, color}) {
return (
<g className="shape">
{highlighted &&
<circle r={size * 0.7} className="highlighted"></circle>}
<circle r={size * 0.5} className="border" stroke={color}></circle>
<circle r={size * 0.45} className="shadow"></circle>
<circle r={Math.max(2, size * 0.125)} className="node"></circle>
</g>
);
}