From b2f7adc2b4539ee8d5208ccef8e0f6ab1f9c8558 Mon Sep 17 00:00:00 2001 From: Simon Brunel Date: Fri, 1 Mar 2019 09:13:21 +0100 Subject: [PATCH] Revamp the README.md and add link to the awesome list (#6096) Integrate the upcoming awesome list and make our README.md welcome page more user friendly by displaying the Chart.js logo, adding the docs TOC and removing instructions that was already in the docs. --- README.md | 67 ++++++++++++------------------------- docs/SUMMARY.md | 2 +- docs/notes/extensions.md | 72 ---------------------------------------- 3 files changed, 22 insertions(+), 119 deletions(-) delete mode 100644 docs/notes/extensions.md diff --git a/README.md b/README.md index 8673e30cb..5a522a5e9 100644 --- a/README.md +++ b/README.md @@ -1,56 +1,31 @@ -# Chart.js +

+
+ Simple yet flexible JavaScript charting for designers & developers +

-[![travis](https://img.shields.io/travis/chartjs/Chart.js.svg?style=flat-square&maxAge=60)](https://travis-ci.org/chartjs/Chart.js) [![coveralls](https://img.shields.io/coveralls/chartjs/Chart.js.svg?style=flat-square&maxAge=600)](https://coveralls.io/github/chartjs/Chart.js?branch=master) [![codeclimate](https://img.shields.io/codeclimate/maintainability/chartjs/Chart.js.svg?style=flat-square&maxAge=600)](https://codeclimate.com/github/chartjs/Chart.js) [![slack](https://img.shields.io/badge/slack-chartjs-blue.svg?style=flat-square&maxAge=3600)](https://chartjs-slack.herokuapp.com/) - -*Simple HTML5 Charts using the canvas element* [chartjs.org](https://www.chartjs.org) - -## Installation - -You can download the latest version of Chart.js from the [GitHub releases](https://github.com/chartjs/Chart.js/releases/latest) or use a [Chart.js CDN](https://cdnjs.com/libraries/Chart.js). - -To install via npm: - -```bash -npm install chart.js --save -``` - -To install via bower: -```bash -bower install chart.js --save -``` - -### Selecting the Correct Build - -Chart.js provides two different builds for you to choose: `Stand-Alone Build`, `Bundled Build`. - -#### Stand-Alone Build -Files: -* `dist/Chart.js` -* `dist/Chart.min.js` - -The stand-alone build includes Chart.js as well as the color parsing library. If this version is used, you are required to include [Moment.js](https://momentjs.com/) before Chart.js for the functionality of the time axis. - -#### Bundled Build -Files: -* `dist/Chart.bundle.js` -* `dist/Chart.bundle.min.js` - -The bundled build includes Moment.js in a single file. You should use this version if you require time axes and want to include a single file. You should not use this build if your application already included Moment.js. Otherwise, Moment.js will be included twice which results in increasing page load time and possible version compatibility issues. The Moment.js version in the bundled build is private to Chart.js so if you want to use Moment.js yourself, it's better to use Chart.js (non bundled) and import Moment.js manually. +

+ Downloads + Builds + Coverage + Awesome + Slack +

## Documentation -You can find documentation at [www.chartjs.org/docs](https://www.chartjs.org/docs). The markdown files that build the site are available under `/docs`. Previous version documentation is available at [www.chartjs.org/docs/latest/developers/#previous-versions](https://www.chartjs.org/docs/latest/developers/#previous-versions). +- [Introduction](https://www.chartjs.org/docs/latest/) +- [Getting Started](https://www.chartjs.org/docs/latest/getting-started/) +- [General](https://www.chartjs.org/docs/latest/general/) +- [Configuration](https://www.chartjs.org/docs/latest/configuration/) +- [Charts](https://www.chartjs.org/docs/latest/charts/) +- [Axes](https://www.chartjs.org/docs/latest/axes/) +- [Developers](https://www.chartjs.org/docs/latest/developers/) +- [Popular Extensions](https://github.com/chartjs/awesome) +- [Samples](https://www.chartjs.org/samples/) ## Contributing -Before submitting an issue or a pull request, please take a moment to look over the [contributing guidelines](https://github.com/chartjs/Chart.js/blob/master/docs/developers/contributing.md) first. For support using Chart.js, please post questions with the [`chartjs` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/chartjs). - -## Building -Instructions on building and testing Chart.js can be found in [the documentation](https://github.com/chartjs/Chart.js/blob/master/docs/developers/contributing.md#building-and-testing). - -## Thanks -- [BrowserStack](https://browserstack.com) for allowing our team to test on thousands of browsers. -- [@n8agrin](https://twitter.com/n8agrin) for the Twitter handle donation. +Instructions on building and testing Chart.js can be found in [the documentation](https://github.com/chartjs/Chart.js/blob/master/docs/developers/contributing.md#building-and-testing). Before submitting an issue or a pull request, please take a moment to look over the [contributing guidelines](https://github.com/chartjs/Chart.js/blob/master/docs/developers/contributing.md) first. For support, please post questions on [Stack Overflow](https://stackoverflow.com/questions/tagged/chartjs) with the `chartjs` tag. ## License diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md index 15265bd2b..f0beb678c 100644 --- a/docs/SUMMARY.md +++ b/docs/SUMMARY.md @@ -51,5 +51,5 @@ * [Contributing](developers/contributing.md) * [Additional Notes](notes/README.md) * [Comparison Table](notes/comparison.md) - * [Popular Extensions](notes/extensions.md) + * [Popular Extensions](https://github.com/chartjs/awesome) * [License](notes/license.md) diff --git a/docs/notes/extensions.md b/docs/notes/extensions.md deleted file mode 100644 index d526ff0c4..000000000 --- a/docs/notes/extensions.md +++ /dev/null @@ -1,72 +0,0 @@ -# Popular Extensions - -Many extensions can be found on the [Chart.js GitHub organization](https://github.com/chartjs) or on the [npm registry](https://www.npmjs.com/search?q=chartjs-). - -## Charts - - - chartjs-chart-financial - Adds financial chart types such as a candlestick. - - Chart.BarFunnel.js - Adds a bar funnel chart type. - - Chart.LinearGauge.js - Adds a linear gauge chart type. - - Chart.Smith.js - Adds a smith chart type. - -In addition, many charts can be found on the [npm registry](https://www.npmjs.com/search?q=chartjs-chart-). - -## Plugins - - - chartjs-plugin-annotation - Draws lines and boxes on chart area. - - chartjs-plugin-colorschemes - Enables automatic coloring using predefined color schemes. - - chartjs-plugin-crosshair - Adds a data crosshair to line and scatter charts - - chartjs-plugin-datalabels - Displays labels on data for any type of charts. - - chartjs-plugin-deferred - Defers initial chart update until chart scrolls into viewport. - - chartjs-plugin-draggable - Makes select chart elements draggable with the mouse. - - chartjs-plugin-rough - Draws charts in a sketchy, hand-drawn-like style. - - chartjs-plugin-stacked100 - Draws 100% stacked bar chart. - - chartjs-plugin-streaming - Enables to create live streaming charts. - - chartjs-plugin-style - Provides more styling options. - - chartjs-plugin-waterfall - Enables easy use of waterfall charts. - - chartjs-plugin-zoom - Enables zooming and panning on charts. - -In addition, many plugins can be found on the [npm registry](https://www.npmjs.com/search?q=chartjs-plugin-). - -## Integrations - -### Angular (v2+) - - - emn178/angular2-chartjs - - valor-software/ng2-charts - -### Angular (v1) - - angular-chart.js - - tc-angular-chartjs - - angular-chartjs - - Angular Chart-js Directive - -### React - - react-chartjs2 - - react-chartjs-2 - -### Django - - Django JChart - - Django Chartjs - -### Ruby on Rails - - chartjs-ror - -### Laravel - - laravel-chartjs - -### Vue.js - - vue-chartjs - -### Java - - Chart.java - - Wicked-Charts - -### GWT (Google Web toolkit) - - Charba - -### Ember.js - - ember-cli-chart - -### Omi (v5+) - - omi-chart