All Projects → antvis → F2

antvis / F2

Licence: mit
📱📈An elegant, interactive and flexible charting library for mobile.

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to F2

Livechart
Android library to draw beautiful and rich line charts.
Stars: ✭ 78 (-98.98%)
Mutual labels:  mobile, data-visualization, charts
Clip
Create charts from the command line
Stars: ✭ 5,111 (-32.92%)
Mutual labels:  data-visualization, charts
Abixen Platform
Abixen Platform
Stars: ✭ 530 (-93.04%)
Mutual labels:  data-visualization, charts
Bizcharts
Powerful data visualization library based on G2 and React.
Stars: ✭ 5,771 (-24.26%)
Mutual labels:  html5-canvas, data-visualization
Flutter echarts
A Flutter widget to use Apache ECharts (incubating) in a reactive way.
Stars: ✭ 420 (-94.49%)
Mutual labels:  data-visualization, charts
Aachartcore
📈📊☕️☕️☕️An elegant modern declarative data visualization chart framework for Android. Extremely powerful, supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.极其精美而又强大的 Android 数据可视化图表框架,支持柱状图、条形图、折线图、曲线图、折线填充图、曲线填充图、气泡图、扇形图、环形图、散点图、雷达图、混合图等各种类型的多达几十种的信息图图表,完全满足工作所需.
Stars: ✭ 424 (-94.43%)
Mutual labels:  data-visualization, charts
Waffle
🍁 Make waffle (square pie) charts in R
Stars: ✭ 614 (-91.94%)
Mutual labels:  data-visualization, data-visualisation
Victory Chart
Chart Component for Victory
Stars: ✭ 286 (-96.25%)
Mutual labels:  data-visualization, charts
Explorer
Data Explorer by Keen - point-and-click interface for analyzing and visualizing event data.
Stars: ✭ 725 (-90.48%)
Mutual labels:  data-visualization, charts
Uplot
📈 A small, fast chart for time series, lines, areas, ohlc & bars
Stars: ✭ 6,808 (-10.64%)
Mutual labels:  data-visualization, charts
Vue Apexcharts
📊 Vue.js component for ApexCharts
Stars: ✭ 889 (-88.33%)
Mutual labels:  data-visualization, charts
Pywaffle
🧇 Make Waffle Charts in Python.
Stars: ✭ 406 (-94.67%)
Mutual labels:  data-visualization, charts
React Jsx Highcharts
Highcharts built with proper React components
Stars: ✭ 336 (-95.59%)
Mutual labels:  data-visualization, charts
Reactochart
📈 React chart component library 📉
Stars: ✭ 459 (-93.98%)
Mutual labels:  data-visualization, charts
Anychart
AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.
Stars: ✭ 288 (-96.22%)
Mutual labels:  data-visualization, charts
Keen Js
https://keen.io/ JavaScript SDKs. Track users and visualise the results. Demo http://keen.github.io/keen-dataviz.js/
Stars: ✭ 588 (-92.28%)
Mutual labels:  data-visualization, charts
Reasonbizcharts
ReasonML binding for BizCharts https://bizcharts.net/products/bizCharts/demo
Stars: ✭ 23 (-99.7%)
Mutual labels:  data-visualization, charts
Floweaver
View flow data as Sankey diagrams
Stars: ✭ 266 (-96.51%)
Mutual labels:  data-visualization, data-visualisation
Idatav
大屏数据可视化 Big screen data visualization demo
Stars: ✭ 3,913 (-48.64%)
Mutual labels:  data-visualization, antv
Jfreechart
A 2D chart library for Java applications (JavaFX, Swing or server-side).
Stars: ✭ 665 (-91.27%)
Mutual labels:  data-visualization, charts

npm package NPM downloads Percentage of issues still open

F2,一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足你的各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。英文 README

在此衷心感谢《The Grammar of Graphics》的作者 Leland Wilkinson,为 F2 的图形语法提供了理论基础!

安装

$ npm install @antv/f2

特性

专注移动,体验优雅

  • 轻量化呈现,自然反馈:在设计上我们以人为本,追求自然简单易懂,有吸引力的表达效果,让用户在碎片化的时间里更快更高效得获取图表信息。同时在可视化的操作我们追求内容和操作有机融合,符合人的自然行为反应,让交互操作更自然。

  • 轻巧流畅:F2 一直致力于追求极致的性能,针对移动设备做了大量的优化,在支持丰富(50+)图表的基础上同时保持代码量的小巧(不带交互版本 gzip 压缩后 44k,带所有交互版本 56k),同时提供模块化的设计以支持动态加载,提供更优的大小。

  • 多端异构:在完美支持 H5 环境的同时,同时兼容 Node.js支付宝小程序微信小程序React Native以及 Weex 端的渲染,一份代码,多设备多环境渲染。

图表丰富,组件完备

与传统的图表库不同,抛弃了特图特做的封装思路,基于强大的图形语法理论,以数据驱动,通过图形语法的组合灵活构建各类图表,目前可绘制 50+ 图表类型(当然,还可以更多),覆盖各类场景 在提供基础的图表可视化能力外,我们还提供了丰富图表功能组件,满足各种功能需求。

扩展灵活,创意无限

我们在提供最佳实践的同时,还为开发者提供了灵活的扩展机制,包括 Shape、动画以及交互的自定义能力,当然还有图表样式的个性化定制,满足各种个性化的图表要求。

文档

快速开始

<canvas id="c1"></canvas>
import F2 from '@antv/f2';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
  { year: '1959 年', sales: 38 },
  { year: '1960 年', sales: 38 },
  { year: '1962 年', sales: 38 },
];
const chart = new F2.Chart({
  id: 'c1',
  width: 375,
  height: 265,
  pixelRatio: window.devicePixelRatio
});

chart.source(data);
chart.interval().position('year*sales');
chart.render();

更多示例:demos

手机扫码观看 demos

本地开发

$ npm install

# 跑测试用例
$ npm run test-live

# 监听文件变化构建,并打开 demo 页面
$ npm run dev

# 打开 demo
$ npm run demos

# 按需打包
$ npm run bundler

如何贡献

如果您在使用的过程中碰到问题,可以先通过 issues 看看有没有类似的 bug 或者建议。

如需提交代码,请遵从我们的贡献指南

体验改进计划说明

F2 从 3.1.12(2018-06-20发布)版本开始添加了F2.track(true)方法。 目前我们的体验改进计划已经完成,所以从 3.3.4 版本开始该方法将从 F2 中删除。 如果它给你带来麻烦,我们深表歉意。

License

MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].