@surf/tech

Мотивация

Почему нам нужно делать surf чарты по другому

Проблемы современных библиотек для построения чартов

Сегодня многие библиотеки для построения чартов полагаются на Canvas или WebGL, что, безусловно, дает мощные возможности для создания сложных и интерактивных визуализаций. Однако такой подход имеет и свои недостатки:

  • Сложность кастомизации: Canvas и WebGL работают с пиксельными данными, что затрудняет интеграцию с современными стилями и инструментами CSS.
  • Тяжелый рендеринг: Большие и сложные чарты могут существенно нагружать процессор, снижая производительность приложения.
  • Сложности с доступностью: Поддержка экранных ридеров и других инструментов доступности часто является проблемой в визуализациях, построенных на Canvas.

Наш подход: HTML, CSS и TypeScript

surf-charts решает эти проблемы благодаря своей уникальной архитектуре, основанной на использовании HTML, CSS и TypeScript. Мы фокусируемся на простоте и гибкости, предлагая решения, которые легко адаптируются под любые нужды разработчиков.

Основные преимущества:

  1. Простая кастомизация:

    • Использование стандартных технологий веб-разработки позволяет легко изменять внешний вид чартов с помощью CSS.
    • Вы можете добавлять свои классы, анимации и эффекты без необходимости вникать в сложные внутренние механизмы Canvas.
  2. Высокая производительность:

    • Наша библиотека ориентирована на легкие и быстрые чарты, что делает ее идеальным выбором для приложений, где важна скорость и плавность работы.
    • За счет отказа от избыточных функций и сложных вычислений мы обеспечиваем минимальную нагрузку на систему.
  3. Доступность:

    • Поскольку чарты реализованы на основе стандартных HTML-элементов, они изначально поддерживают все механизмы доступности и взаимодействуют с инструментами для пользователей с ограниченными возможностями.
    • Вы можете легко добавить атрибуты aria или другие метки, чтобы улучшить взаимодействие с экранными ридерами.
  4. Строгая типизация

    • Строго определённые типы с использованием Typescript.
    • Полная документация всех компонентов и их пропсов с помощью JSDoc.

Почему стоит выбрать surf-charts?

Если вам нужны чарты, которые легко интегрируются в ваш проект, не требуют значительных усилий на кастомизацию и обеспечивают высокую производительность, surf-charts — это ваш лучший выбор. Мы создаем инструменты, которые работают "из коробки", но при этом остаются гибкими и настраиваемыми, удовлетворяя как базовые, так и продвинутые потребности разработчиков.

surf-charts — это библиотека, которая не только упрощает процесс разработки чартов, но и делает его более приятным.

Важно

Несмотря на то, что библиотека surf-charts обеспечивает отличную производительность, в некоторых случаях чарты на canvas могут быть более подходящим вариантом. Если вам требуются сложные, специализированные или ресурсоёмкие визуализации, такие как карты или графики с большим количеством данных, возможно, стоит рассмотреть другую библиотеку.

Обновлено 8/28/2024

На странице