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.
 <img src="/AppImages/Article/rickshaw_img1.png" alt="" class="float-center">

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.

Rickshaw - Interactive Time Series Graphs in JavaScript

With Timesheet.js you can easily create simple time and data sheets or timelines using HTML5, JavaScript and CSS3. Yep, it's a Vanilla JS library. Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by almighty you.

Timesheet.js - JavaScript library for HTML5 & CSS3 time sheets

Simple HTML5 charts using the canvas element. It's easy to get started with Chart.js. All that's required is the script included in your page along with a single <canvas> node to render the chart. It redraws charts on window resize for perfect scale granularity.

Chart.js - Simple HTML5 Charts using the <canvas> tag

GraphiQL is the reference implementation of this monorepo, GraphQL IDE, an official project under the GraphQL Foundation. The code uses the permissive MIT license. The graphql-language-service-interface should be your go-to for language server protocol spec (LSP) implementations, which is now our first order IDE spec.

Graphiql - An in-browser IDE for exploring GraphQL.

Kepler.gl is a data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets. Built on top of Mapbox GL and deck.gl, kepler.gl can render millions of points representing thousands of trips and perform spatial aggregations on the fly. 
 
Kepler.gl is also a React component that uses Redux to manage its state and data flow. It can be embedded into other React-Redux applications and is highly customizable. kepler.gl is built upon mapbox. You will need a Mapbox Access Token to use it.

Kepler.gl is a data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets. Built on top of Mapbox GL and deck.gl, kepler.gl can render millions of points representing thousands of trips and perform spatial aggregations on the fly. 

Kepler.gl  - Data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets

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.

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.js - A modern JavaScript charting library to build interactive charts and visualizations with simple API

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

Recharts - Redefined chart library built with React and D3

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. 

Flot - Attractive Javascript plotting for jQuery

Algorithm Visualizer is an interactive online platform that visualizes algorithms from code. It is a web app written in React. It not only contains UI components but also interprets visualizing commands into actual visualizations.

Algorithm Visualizer - Interactive online platform that visualizes algorithms from code.

dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. Its features include Displays Annotations on the chart, Compatible with the Google Visualization API, Interactive zoom and lot more.

dygraphs - JavaScript Visualization Library

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts. It supports Numerous chart style options, Date axes with customizable formatting, Up to 9 Y axes, Automatic trend line computation, Tooltip and data point highlighting and lot more.

Jqplot - Pure JavaScript Plotting the jQuery Way

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. 

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

vue-vega is a set of components and utilises dedicated to help developer access vega-lite and vega functionality through convenient API for Vue.js ecosystem.

vue-vega - Vega Lite and Vega bridge to Vue.js ecosystem

Discover open source projects across all platforms

Projects