📱📈An elegant, interactive and flexible charting library for mobile.
Alternatives To F2
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
D3106,31923,7215,9355 days ago272June 03, 20237iscShell
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
Echarts56,43942 days ago12January 27, 20212,383apache-2.0TypeScript
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Visx17,7648610 days ago32July 11, 2023136mitTypeScript
🐯 visx | visualization components
Excelize16,0033573 days ago186April 09, 202387bsd-3-clauseGo
Go language library for reading and writing Microsoft Excel™ (XLAM / XLSM / XLSX / XLTM / XLTX) spreadsheets
Plotly.js15,9997182472 days ago239July 25, 20231,502mitJavaScript
Open-source JavaScript charting library behind Plotly and Dash
Plotly.py14,1334512 days ago89October 29, 20221,423mitPython
The interactive graphing library for Python :sparkles: This project now includes Plotly Express!
Apexcharts.js12,90037746114 hours ago201July 31, 2023288mitJavaScript
📊 Interactive JavaScript Charts built on SVG
G211,7465302923 days ago326August 02, 2023109mitTypeScript
📊 A concise and progressive visualization grammar.
a month ago1January 19, 202152gpl-3.0Go
Tool for shell commands execution, visualization and alerting. Configured with a simple YAML file.
Victory10,48968623221 days ago236June 13, 2023289otherJavaScript
A collection of composable React components for building interactive data visualizations
Alternatives To F2
Select To Compare

Alternative Project Comparisons

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



<canvas id="mountNode"></canvas>
// F2  JSON  JSON 
const data = [
  { genre: 'Sports', sold: 275 },
  { genre: 'Strategy', sold: 115 },
  { genre: 'Action', sold: 120 },
  { genre: 'Shooter', sold: 350 },
  { genre: 'Other', sold: 150 },

//  canvas context
const context = document.getElementById('mountNode').getContext('2d');
const { props } = (
  <Canvas context={context} pixelRatio={window.devicePixelRatio}>
    <Chart data={data}>
      <Axis field="genre" />
      <Axis field="sold" />
      <Interval x="genre" y="sold" color="genre" />
      <Tooltip />

const canvas = new Canvas(props);


** demos**

$ npm install

#  monorepo
$ npm run bootstrap

$ npm run test

#  demo 
$ npm run dev

$ npm run test-watch -- 'TestFileName'

issues bug

F2 3.1.122018-06-20 F2.tracktrue 3.3.4 F2


MIT license.

Popular Chart Projects
Popular Visualization Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Data Visualization
Data Visualisation
Html5 Canvas