const mouthArc = arc() .innerRadius(90) .outerRadius(100) .startAngle(Math.PI / 2) .endAngle(Math.PI * 3 / 2); const mouthArc = arc() .innerRadius(mouthRadius) .outerRadius(mouthRadius + mouthWidth) .startAngle(Math.PI / 2) .endAngle(Math.PI * 3 / 2); 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 = 20; const eyeOffsetX = 90; const eyeOffsetY = 100; const eyeRadius = 40; const mouthWidth = 20; const mouthRadius = 140; const mouthArc = arc() .innerRadius(mouthRadius) .outerRadius(mouthRadius + mouthWidth) .startAngle(Math.PI / 2) .endAngle(Math.PI * 3 / 2); const App = () => ( ); const rootElement = document.getElementById('root'); ReactDOM.render(, rootElement);