Элегантная, интерактивная и гибкая библиотека графиков для мобильных устройств.
F2 - это бесплатная современная графическая библиотека с открытым исходным кодом, выпущенная под лицензией MIT. Цель F2 - помочь разработчикам упростить создание интерактивных визуализаций для мобильных устройств. F2 создан для мобильных устройств, разработан как для разработчиков, так и для дизайнеров. Он основан на Html5 Canvas, а также совместим с Node.js, Weex и React Native. Основываясь на грамматике графики, F2 предоставляет все типы диаграмм, которые вам понадобятся. Наши рекомендации по дизайну мобильных устройств позволяют повысить удобство работы пользователей в проектах мобильной визуализации.
Функции
Родился для мобильных
Основываясь на принципах «точной, эффективной, ясной и красивой» визуализации, в сочетании с функциями мобильных устройств (различные устройства, отсутствие вычислительной мощности и сенсорного интерфейса) и привычками людей использовать мобильные устройства, F2 предоставляет пользователям лучший опыт для мобильной визуализации. с точки зрения дизайна, производительности и совместимости платформ.
Создавайте, делайте данные более живыми, а взаимодействие диаграмм - более естественным. В дизайне простые для понимания, привлекательные выражения, позволяющие пользователям быстрее и эффективнее получать информацию о диаграммах во время фрагментации. Что касается взаимодействия, сочетание контента и операций является наиболее востребованным во время интерактивного процесса на мобильных устройствах, а это означает, что поведение взаимодействия и его обратная связь должны соответствовать естественному поведению человека. На следующих гифках показано взаимодействие перетаскивания одним касанием для исследования данных и мультисенсорного ввода для масштабирования, обеспечиваемого F2.
Производительность, хотя аппаратное обеспечение и вычислительная мощность мобильных устройств постоянно улучшаются, большинство пользователей не используют новейшие и самые мощные мобильные устройства. В результате F2 всегда стремился к повышению производительности при рендеринге, делая большую оптимизацию для мобильных устройств. С широким выбором типов диаграмм и небольшим размером пакета (версия без взаимодействия - 44 КБ после gzip). Он также имеет модульную конструкцию для поддержки динамической загрузки, вы можете получить еще лучший размер.
Совместимость, помимо H5 env, F2 также может работать в Node.js, Weex рендеринге и React Native, а также в Мини-программах Alipay и Мини-программах WeChat.
Все типы диаграмм, которые вы хотите
Обладая мощью грамматики графики, F2 поддерживает управляемые данными 50+ типов диаграмм (количество может быть даже больше, в зависимости от вас), включая классические диаграммы, такие как линейная, столбчатая / гистограмма, круговая диаграмма, точечная диаграмма. , датчики и т. д. Кроме того, F2 также предоставляет многофункциональные компоненты диаграммы, такие как всплывающая подсказка, легенда и руководство.
Гибкий и интерактивный
Мы также предоставляем разработчикам гибкие механизмы расширения, включая возможности формы, анимации и интерактивной настройки, а также гибкие стили для удовлетворения разнообразных индивидуальных требований к диаграммам.
Остальные библиотеки основаны на F2
- Ant-design-mobile-chart: Мобильная диаграмма Ant Design на основе F2. (Реагировать).
- BizGoblin ： Библиотека визуализации данных на базе F2 и React.
- VChart: Компоненты мобильных графиков на основе vux и F2. (Vue).
- Weex-chart: Компоненты графика на основе Weex и F2.
Нам доверяют
Вот несколько примеров диаграмм приложений, нарисованных с помощью F2.
Заключение
Спасибо за прочтение. Пойдите, установите, отметьте и попробуйте! 🎉
Если у вас возникнут проблемы при использовании F2, не стесняйтесь сообщать о новой проблеме на GitHub.
