Pie Chart in Grid
The responsive prop works well with CSS grid. The charts below are in a grid container. Resize the window to see how they behave. Each chart is a grid item.
%20because%20`stroke`%20is%20set%20to%20'currentColor'.%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2032%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20style='display:%20inline-block;%20vertical-align:%20middle;%20margin-left:%204px;'%20%3e%3cpath%20d='M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6'/%3e%3cpolyline%20points='15%203%2021%203%2021%209'/%3e%3cline%20x1='10'%20y1='14'%20x2='21'%20y2='3'/%3e%3c/svg%3e){kind=small}
Loading...
The responsive prop works well with CSS grid. The charts below are in a grid container. Resize the window to see how they behave. Each chart is a grid item.