The goal of ARTy Charty is to produce animated, interactive, performant charts. It uses React Native ART to render the charts. Arty Charty does not rely on 3rd party libraries, such as D3, to produce the charts. This keeps the size of the library small (<80kb uncompressed and not-minified) and chart generating functions can be optimised for speed. We noticed some issues with the ART library, so we switched to use react-native-svg instead.
https://github.com/redpandatronicsuk/arty-charty#readmeTags | chart area-chart bubble-chart stacked-charts candlestick-chart pie-chart render-charts bars-range-chart bars-3d-chart spline react-native react mobile art charts graphs react-component ios android svg react-native-svg |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
This library is a cross-platform (iOS/Android) library of charts/graphs using react-native-svg and paths-js based on the excellent work done by Roman Samec in the react-pathjs-chart library. The project is an early attempt at providing a ubiquitous solution for charts & graphs for React Native that offer a unified view across devices. Components include Pie charts, Bar charts, Smoothline charts, Stockline charts, Scatterplots, Tree graphs and Radar graphs. Since Paths-Js makes no assumptions about rendering, this library is perfect for using SVG path objects to render custom charts easily.
charts graphs paths-js react-native ios android react-native-svg cross-platform radar-graphs bar-graphs pie-graphs tree react-pathjs-chartREAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability. If you are looking for node-based graphs, checkout reaflow.
react d3 chart charts euler reactjs heatmap data-visualization venn-diagram data-viz sparkline scatter-plot d3js bubble-chart line-charts bar-charts area-charts hive-plot sankey-chart d3.js dataviz charting svg bar-chart axis brush area-chart line-chart pie-chart sankey pan zoom radial calendar-heatmap legends vennA thin, typed, React wrapper for Google Charts. Set the chart-specific events you want to listen to and the corresponding callback. The callback has the component as an argument.
react google-charts charts react-google-charts area-chart bar-chart bubble-chart calendar-chart candlestick-chart column-chart donut-chart gantt gantt-chart gauge-chart geochart histogram line-chart org-chart typescript googleREAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.
d3js charts data-visualization reactjs dataviz bar-chart area-chart hive-plot scatter-plot map-chart sparkline pie-chart bubble-chart sankey-chart svg heatmap calendar-heatmap react d3.js d3 charting axis brush line-chart sankey pan zoom radial legendsAndroid图表库(XCL-Charts is a free charting library for Android platform.),基于Android Canvas来绘制各种图表,使用简便,定制灵活。目前支持3D/非3D/背向式/横向/竖向柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆叠图(Stacked Bar Chart)、面积图(Area Chart)、 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge Chart)、雷达图(Radar Chart)、漏斗图(Funnel Chart)、圆形图(Circle Chart)、弧线比较图、散点图(Scatter Chart)、气泡图(Bubble Chart)、范围条形图(RangeBar Chart)等图表。其它特性还包括支持图表缩放、手势移动、点击响应、动画效果、多轴显示、图表参考线、混合图表及同数据源不同图表类型切换等。
[](https://gitter.im/tomauty/react-native-chart) [](https://badge.fury.
chart react-native svgA much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.
react-native react-native-charts react-native-d3 d3 charts svg react-native-svg react-component react-native-component react mobile ios android vector chartXChart is a light-weight and convenient library for plotting data designed to go from data to chart in the least amount of time possible and to take the guess-work out of customizing the chart style.
charts tool graph visualization chart-library-java charts-library charting-libraryOrson Charts is a 3D chart library for the Java(tm) platform that can generate a wide variety of 3D charts for use in client-side applications (JavaFX and Swing) and server-side applications (with export to PDF, SVG, PNG and JPEG).
charts charts-library 3d-charts data-visualization java2d javafx charting-libraryLet React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM. to start a webserver, and navigate to http://localhost:8000/example in order to visualize the new example page. Note that the example page directly points to the dist folder.
react d3 graph chart charting-library charts waveform pie-chart area-chart chart-component visualization react-componentThe source for this module is in the main repo.Container prop is a class that will be added to the chart container element. This is important in case you have more than one chart on your page.
chart charts react barchart linechart timeline timesheet films music-library music-visualizer react-plugins customizable-charts cinematography movie-collection visualization draggable-elements draggable film-ratings rank reactjs react-js react-chart scale items dataset kinopoisk line-chart bar-chart marks axis calendar-view pyramid progress-chart showreel visualisation diagram graphPaths.js is a library to generate SVG paths, allowing you to create your own charts using a functional and testable API. It provides the primitives to create various shapes and charts starting from raw data, but it does not prescribe how you render these charts. This means you can use Paths.js to build components for your favorite frontend framework, and works even server-side on NodeJS. Paths.js offers three APIs, of increasing abstraction. The lowest level is a chainable API to generate an arbitrary SVG path. On top of this, paths for simple geometric shapes such as polygons or circle sectors are defined. At the highest level, there is an API to generate some simple graphs (pie, line chart, radar...) for a collection of data, assembling the simple shapes.
svg-paths geometric-shapes svg chart-library path chartRecharts is a Redefined chart library built with React and D3. It can be easily deployed with React components. It has SVG support, lightweight depending only on some D3 submodules. All the components of Recharts are clearly separated.
react charting-library d3 reactjs chart react-component visualization data-visualization chartsHighly customizable stock charts with ReactJS and d3
charts charting stockcharts finance financechart react reactjs d3 react-component react-charts chart-components javascript-finance-chart javascript-stockchart data-visualization data-viz d3-finance-chart d3-stockchartEasy, object oriented client side graphs for designers and developers. Visualise your data in different types Line chart, Pie chart, Bar chart, Radar chart, Polar area charts, Doughnut charts.
charts javascript-chart visualisation js-chart graph bar-chart pieμPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars; from a cold start it can create an interactive chart containing 150,000 data points in 135ms, scaling linearly at ~25,000 pts/ms. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~35 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size. However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far. WebGL should still be the tool of choice for applications like realtime signal or waveform visualizations: See danchitnis/webgl-plot, huww98/TimeChart, epezent/implot, or commercial products like LightningChart®.
lightweight chart charts streaming performance timeseries time-series analytics graph graphs plot data-visualization plotting ohlc line-chart trend-analysis micro time series line area trend barMuze is a free data visualization library for creating exploratory data visualizations (like Tableau) in browser, using WebAssembly. It uses a layered Grammar of Graphics (GoG) to create composable and interactive data visualization for web. It is ideal for use in visual analytics dashboards & applications to create highly performant, interactive, multi-dimensional, and composable visualizations. It uses a data-first approach to define the constructs and layers of the chart, automatically generates cross-chart interactivity, and allows you to over-ride any behavior or interaction on the chart.
visualization svg pie-chart charts data web webassembly wasm data-visualization barchart data-viz interactive-charts area-chart crosstab linechart html5-charts splom js-charts muze vector graphics renderer relational algebra relationAnyChart Android Charts is an amazing data visualization library for easily creating interactive charts in Android apps. It runs on API 19+ (Android 4.4) and features dozens of built-in chart types. Check out getting started.
android-library android-development android-ui android-chart data-visualization charts chart android-component chart-component chart-library charting-library charting android-charting android-charts android-view android-widget android-widgets android gradle android-studioA collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.Install react-vis via npm.
uber chart data-visualization charting-library visualization react d3 es6 babeljCharts is a 100% Java based charting utility that outputs a variety of charts. Servlets, JSP's, and Swing application could use this library to generate charts. It could generate charts of type Area, Area Stacked, Bar, Bar Clustered, Bar Clustered Horizontal, Bar Horizontal, Bar Stacked, Bar Stacked Horizontal, Combo, Hi/Low Open/Close, Line, Pie 2D, Pie 3D, Point, Radar, XY Plot and lot more.
chart tool graph visualization chart-library-java
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.