====================================
Keywords
####################################
Refactor: cleaning up code to make it neater

====================================
Intuition
####################################
Scalable Vector Graphics (SVG)
	Use CSS to remove the margin of the body.
React
	unpkg.com makes finding libraries easy
  	umd: Universal Module Build
    during development use: <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
    replace development with "production" when for the final release
Import D3 from https://unpkg.com/d3@7.3.0/dist/d3.min.js

use curly braces to escape into jx from jsx code inline. Whatever is writen inside curly braces is {js}.

To move a d3 element, put it in a group then move the group
    <g transform={`translate(${centerX},${centerY})`}> .... </g>
    note the use of ` (ie: char on top left corner of keyboard) isntead of the normal apostrophe (')
