CSS Doodle is a web component that allows you to draw patterns with CSS. With CSS Doodle, you can create graphic patterns or animated graphs by manipulating the grid of divs generated by the component. It is based on Shadow DOM v1 and Custom Elements v1, and it can be used on all major browsers without the need for polyfills.