This demo shows a reusable modal-sheet that appears as a centered modal on desktop and transforms into a bottom sheet on mobile devices. Inside, sample charts are rendered using Chart.js.
Just add the data attribute to the element and it should display the modal / bottom sheet data-modal-sheet-trigger="modalSheet" Here is a button and text example.
Or you can also open the modal-sheet via this text link.