Skip to content

Instantly share code, notes, and snippets.

View bmsterling-dandy's full-sized avatar

Benjamin Sterling bmsterling-dandy

View GitHub Profile

To provide a deep review and analysis of the Chart.js documentation at https://www.chartjs.org/docs/latest/ and outline the most up-to-date method for setting up Chart.js in a React application with Storybook integration, I’ve thoroughly examined the official Chart.js documentation and relevant resources. Below, I’ll cover the key aspects of the Chart.js documentation, focusing on its structure, features, and setup instructions, followed by a detailed guide on integrating Chart.js with React and Storybook using the latest best practices as of June 2025. The setup will leverage the react-chartjs-2 library, which is the standard for React integration, and Storybook for component visualization.


Deep Review and Analysis of Chart.js Documentation (https://www.chartjs.org/docs/latest/)

The Chart.js documentation, updated as of June 14, 2025, is a comprehensive resource for developers looking to implement dynamic, customizable charts in JavaScript-based applications. Below is an analysis of its key sect

@bmsterling-dandy
bmsterling-dandy / Accessibility.md
Last active June 17, 2025 13:23
Cursor User Rules

Accessibility

  • Implement accessibility standards (ARIA).
  • Use semantic HTML and provide alternative text for images.
@bmsterling-dandy
bmsterling-dandy / UI element keys and size values.md
Created June 5, 2025 15:43
UI element keys and size values

An object of UI element keys and size values (strings)

Below is a table to show the equivalent values from px to rem for UI element sizes. This is based on the default browser font size which is 16px.

UI Element Min Height (px/rem) Max Height (px/rem) Min Width (px/rem) Max Width (px/rem) Notes Sources
Button 36px / 2.25rem 56px / 3.5rem 64px / 4rem 300px / 18.75rem 44x44px (2.75x2.75rem) touch target; 8-16px padding. Material Design (Buttons), Apple HIG (Buttons), WCAG 2.1 (Target Size)
Text Input 32px / 2rem