Motivation

Problems of modern charts libraries

Today, many charting libraries rely on Canvas or WebGL to build charts, which certainly provides powerful capabilities for creating complex and interactive visualizations. However, this approach also has its drawbacks:

• Difficulty of customization: Canvas and WebGL work with pixel data, making it difficult to integrate with modern CSS styles and tools.
• Heavy rendering: Large and complex charts can significantly load the CPU, reducing application performance.
• Accessibility Difficulties: Support for screen readers and other accessibility tools is often a problem in visualizations built on Canvas.

Our approach: HTML, CSS and TypeScript

surf-charts solves these problems with its unique architecture based on the use of HTML, CSS and TypeScript. We focus on simplicity and flexibility, offering solutions that are easily adaptable to any developer's needs.

Key benefits:

1. Easy customization:

   • Using standard web development techniques, you can easily modify the appearance of the charts using CSS.
   • You can add your own classes, animations and effects without having to dive into the complex inner workings of Canvas.

2. High performance:

   • Our library focuses on lightweight and fast charts, making it an ideal choice for applications where speed and smoothness are important.
   • By avoiding redundant functions and complex calculations, we ensure minimal system load.

3. Accessibility:

   • Since the charts are implemented based on standard HTML elements, they inherently support all accessibility mechanisms and interact with tools for users with disabilities.
   • You can easily add aria attributes or other labels to improve interaction with screen readers.

4. Strict typing

   • Strictly defined types using Typescript.
   • Full documentation of all components and their props using JSDoc.

Why choose surf charts?

If you need charts that integrate easily into your project, require little customization effort, and deliver high performance, surf-charts is your best choice. We build tools that work out-of-the-box but remain flexible and customizable, meeting both basic and advanced developer needs.

surf-charts is a library that not only simplifies the process of developing charts, but also makes it more enjoyable.