import React from 'react'; import ReactDOM from 'react-dom'; import { arc } from 'd3'; const width = 960; const height = 500; const centerX = width / 2; const centerY = height / 2; const strokeWidth = 10; const mouthWidth = strokeWidth; const noseWidth = strokeWidth; const browWidth = strokeWidth; const faceWidth = strokeWidth; const eyeOffsetX = 135; const eyeOffsetY = -60; const eyeRadius = 30; const noseRadius = 20; const browRadius = 40; const mouthRadius = 160; const mouthArc = arc() .innerRadius(mouthRadius) .outerRadius(mouthRadius + mouthWidth) .startAngle(Math.PI / 1.25) .endAngle(Math.PI * 3 / 2.7); const noseArc = arc() .innerRadius(noseRadius) .outerRadius(noseRadius + noseWidth) .startAngle(-1.15) .endAngle(1.15); const browArc = arc() .innerRadius(browRadius) .outerRadius(browRadius + browWidth) .startAngle(-1.15) .endAngle(1.15); const Face = ({ radius, width }) => ( ); const Eye = ({ radius, cx, cy }) => ( /> /> ); const App = () => ( ); const rootElement = document.getElementById('root'); ReactDOM.render(, rootElement);

Smile - 003

Alan Wilson