Chartist-js - Simple responsive charts

  •        69

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.

Chartist works with inline-SVG and therefore leverages the power of the DOM to provide parts of its functionality. This also means that Chartist does not provide it's own event handling, labels, behaviors or anything else that can just be done with plain HTML, JavaScript and CSS. The single and only responsibility of Chartist is to help you drawing "Simple responsive Charts" using inline-SVG in the DOM, CSS to style and JavaScript to provide an API for configuring your charts.

https://gionkunz.github.io/chartist-js/
https://gionkunz.github.io/chartist-js
https://github.com/gionkunz/chartist-js

Tags
Implementation
License
Platform

   




Related Projects

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.

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

  •    Javascript

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.


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.

Britecharts - Client-side reusable Charting Library based on D3

  •    Javascript

Britecharts is a client-side reusable Charting Library based on D3.js v4 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations.Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way.

react-vis - Data-Visualization oriented components

  •    Javascript

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

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

  •    HTML

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

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.

angular-nvd3 - AngularJS directive for NVD3 reusable charting library (based on D3)

  •    Javascript

This thing is designed to make it easier to work with nvd3.js re-usable charting library. This directive allows you to easily customize your charts via JSON API.The key feature is that the original hierarchical structure of nvd3 models is completely preserved in directive JSON structure. This means that while you creating a complex chart that containing multiple elementary chart models (such as line, bar, axis, ...), you can in turn customize the properties of each internal elementary models as well as the global charting properties the way you want. This can be done as usual, but it becomes quite easily to customize while applying JSON approach to.

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

dygraphs - JavaScript Visualization Library

  •    Javascript

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.

jFreeChart - Java and .NET chart library

  •    Java

jFreeChart is a widely used open source charting library. Its flexible design is easy to extend and targets both server-side and client-side applications. It supports many output types, including Swing components, image files (PNG and JPEG) and vector graphics file formats (including PDF, EPS and SVG).

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.

Kibana - Analytics and search dashboard for Elasticsearch

  •    Javascript

Kibana provides flexible analytics and visualization platform for Elasticsearch. It understands large volume of data and easily create bar charts, line and scatter plots, histograms, pie charts, and maps. It can provide real-time summary and charting of streaming data. Kibana is a snap to setup and start using. Kibana strives to be easy to get started with, while also being flexible and powerful, just like Elasticsearch.

ECharts - A Declarative Framework for Rapid Construction of Web-based Visualization

  •    Javascript

ECharts is a powerful charting and visualization library offering an easy way of adding intuitive, interactive, and highly customizable charts to your commercial products. It is written in pure JavaScript and based on zrender, which is a whole new lightweight canvas library. ECharts-GL is an extension pack of ECharts, which provides 3D plots, globe visualization and WebGL acceleration.

jCharts - Java based charting utility

  •    Java

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