ApexCharts.js - A modern JavaScript charting library to build interactive charts and visualizations with simple API

  •        372

ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages. It is flexible and responsive - making your charts work on desktops, tablets as well as mobiles. It is interactive Zoom, Pan, Scroll through data, toggle datasets visibility in multiple series. The dynamic nature of ApexCharts allows you to load data on selections and create other charts based on those selections.

ApexCharts provides a smooth interactive experience when changing datasets, loading dynamic data and interacting with the charts. Annotate your charts by placing labels on top of it to help your users interpret charts easily. You may add annotations on both the axes as well as on a particular xy point.

https://apexcharts.com/
https://github.com/apexcharts/apexcharts.js

Tags
Implementation
License
Platform

   




Related Projects

react-apexcharts - 📊 React Component for ApexCharts

  •    Javascript

React.js wrapper for ApexCharts to build interactive visualizations in react. Simple! Just change the series or any option and it will automatically re-render the chart.

muze - Composable data visualisation library for web with a data-first approach now powered by WebAssembly

  •    Javascript

Muze 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.

GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

  •    Javascript

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

Chartist-js - Simple responsive charts

  •    Javascript

Chartist.js is a simple responsive charting library built with SVG. Its goal is to provide a simple, lightweight and unintrusive library to responsively craft charts on your website. It's important to understand that one of the main intentions of Chartist.js is to rely on standards rather than providing it's own solution to a problem which is already solved by those standards. We need to leverage the power of browsers today and say good bye to the idea of solving all problems ourselves.


reaviz - 📊 Data visualization library for React based on D3

  •    TypeScript

REAVIZ 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.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

mapd-charting - Dimensional charting built to work natively with crossfilter rendered using d3.js

  •    Javascript

Dimensional charting built to work natively with crossfilter rendered using d3.js. MapD-Charting is a superfast charting library that works natively with crossfilter that is based off dc.js. It is designed to work with MapD-Connector and MapD-Crossfilter to create charts instantly with our MapD-Core SQL Database. Please see examples for further understanding to quickly create interactive charts.

mapd-charting - Dimensional charting built to work natively with crossfilter rendered using d3.js

  •    Javascript

Dimensional charting built to work natively with crossfilter rendered using d3.js. MapD-Charting is a superfast charting library that works natively with crossfilter that is based off dc.js. It is designed to work with MapD-Connector and MapD-Crossfilter to create charts instantly with our MapD-Core SQL Database. Please see examples for further understanding to quickly create interactive charts.

Rickshaw - Interactive Time Series Graphs in JavaScript

  •    JavaScript

Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors etc. It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS.

Apache ECharts - An Open Source JavaScript Visualization Library

  •    Typescript

Apache ECharts is an open-sourced JavaScript visualization tool, which can run fluently on PC and mobile devices. It is compatible with most modern Web Browsers. The basic chart types ECharts supports include line series, bar series, scatter series, pie charts, candle-stick series, boxplot series for statistics, map series, heatmap series, lines series for directional information, graph series for relationships, treemap series, sunburst series, parallel series for multi-dimensional data, funnel series, gauge series.

plotly.js - The open source JavaScript graphing library that powers plotly

  •    Javascript

Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. plotly.js ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.

Orson Charts - A 3D chart library for Java applications (JavaFX, Swing or server-side)

  •    Java

Orson 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).

epoch - A general purpose, real-time visualization library.

  •    HTML

A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations.

XChart - Light weight Java library for plotting data

  •    Java

XChart 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.

rickshaw - JavaScript toolkit for creating interactive real-time graphs

  •    Javascript

See the overview, tutorial, and examples for more.In the browser, manually add rickshaw.min.js and rickshaw.min.css in the document head.

highcharts - Highcharts JS, the JavaScript charting framework

  •    Javascript

Highcharts JS is a JavaScript charting library based on SVG, with fallbacks to VML and canvas for old browsers. This is the working repo for Highcharts. If you simply want to include Highcharts into a project, use the distribution package instead, or read the download page. Please note that there are several ways to use Highcharts. For general installation instructions, see the docs.






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.