PHPackages chartnew/javascript - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. chartnew/javascript ActiveLibrary chartnew/javascript =================== Simple HTML5 Charts using the canvas element 418418137[46 issues](https://github.com/FVANCOP/ChartNew.js/issues)JavaScript Since Aug 11Pushed 2y ago34 watchersCompare [ Source](https://github.com/FVANCOP/ChartNew.js)[ Packagist](https://packagist.org/packages/chartnew/javascript)[ RSS](/packages/chartnew-javascript/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (2)Used By (0) 29 May 2022 =========== [](#29-may-2022) Hi to all of you, At the very beginning of the project, I had to implement several charts in one of my project. The most interesting tool that I found at that time was Chart.js but I could not produce the chart as I would see them. There was no support at all for Chart.js at that time. So I start to change/update the code so that I could produce what I wanted. I published my enhancements on Github and got new requests from other users. It was a real pleasure to develop ChartNew.js and to help lot of poeple. Since a couple of years, I have no need/no request for additional changes and, to be honest, I did not perform any changes for several years in the code (and do no more use ChartNew.js for a long time). So, it would be difficult for me to provide additional changes or to fix bugs. It is now time for me to stop with this project. Several new tools are now available (Chart.js is back for instance) and, if you want a professional tool, as ChartNew.js is no more supported, it is better for you to investigate in something else than ChartNew.js. François ChartNew.js =========== [](#chartnewjs) Simple HTML5 Charts using the canvas element So, I have re-worked Chart.js. Most of the changes are associated to requests in "GitHub" issues of Chart.js. Chart.js has been completely rewritten since ChartNew.js has been developed; Both code are now completely different. Most of the functionalities inserted in the new version of Chart.js are also available in ChartNew.js June 2014 - [Ole Kröger](http://github.com/Wikunia) is now a co-developer of the project. More ideas, more people to give support. Welcome to him. New Charts integrated in this version compared to Chart.js - HorizontalBar - HorizontalStackedBar - [Line,Bar with logarithmic y-Axis](../../wiki/100_110_Scale) - [BarLine (bar chart with an integrated line chart)](../../wiki/070_020_Bar#barline) New Items in graph compared to Chart.js : - Title - Subtitle - X Axis Label - Y Axis Label - Unit Label - Y Axis on the right and/or the left - [Annotates](../../wiki/100_020_Annotations) (content can be configured through "templates") - canvas Border - [Legend](../../wiki/100_090_Legend) - Footnote - [crossText](../../wiki/100_040_CrossText) (you can put a text over the graph at the place of your choice) - graphMin / graphMax - [colorFunctions](../../wiki/130_color_functions) - [mathFunctions](../../wiki/170_Math_functions) - [etc](https://github.com/FVANCOP/ChartNew.js/wiki) A quick sample can be found on [http://fvancop.github.io/ChartNew.js/demo\_program/index.html](http://fvancop.github.io/ChartNew.js/demo_program/index.html) This version is down-compatible (on PC) with the version of Chart.js available on 13 January 2014. Hope it will be useful for some of you ! Perhaps a start for a new community development... Why not ? Documentation ============= [](#documentation) Full documentation is now available via the "wiki" entry that you will find on the right side of the screen. Do not hesitate to propose changes in the documentation when there are languages faults or things that are not clear. [Link to the wiki documentation](https://github.com/FVANCOP/ChartNew.js/wiki) Graph Generator =============== [](#graph-generator) Using ChartNew.js, Omar Sedki has developed a graph generator. Though a user friendly interface, you can produce a graph and save it. ### Health Score 32 — LowBetter than 72% of packages Maintenance18 Infrequent updates — may be unmaintained Popularity35 Limited adoption so far Community30 Small or concentrated contributor base Maturity43 Maturing project, gaining track record Bus Factor3 3 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/24e860ec09b8cda277f62973c82ee75dcaab2aa389f73c3c0fd8159ede725eac?d=identicon)[FVANCOP](/maintainers/FVANCOP) --- Top Contributors [![naudhr](https://avatars.githubusercontent.com/u/798574?v=4)](https://github.com/naudhr "naudhr (6 commits)")[![live627](https://avatars.githubusercontent.com/u/431799?v=4)](https://github.com/live627 "live627 (5 commits)")[![RomainSauvaire](https://avatars.githubusercontent.com/u/1195119?v=4)](https://github.com/RomainSauvaire "RomainSauvaire (2 commits)")[![rgex](https://avatars.githubusercontent.com/u/3996942?v=4)](https://github.com/rgex "rgex (2 commits)")[![304NotModified](https://avatars.githubusercontent.com/u/5808377?v=4)](https://github.com/304NotModified "304NotModified (2 commits)")[![fulldecent](https://avatars.githubusercontent.com/u/382183?v=4)](https://github.com/fulldecent "fulldecent (1 commits)")[![gkres](https://avatars.githubusercontent.com/u/3016935?v=4)](https://github.com/gkres "gkres (1 commits)")[![alfredogt](https://avatars.githubusercontent.com/u/8040552?v=4)](https://github.com/alfredogt "alfredogt (1 commits)")[![markosko](https://avatars.githubusercontent.com/u/7886449?v=4)](https://github.com/markosko "markosko (1 commits)")[![mehdihaddad](https://avatars.githubusercontent.com/u/1806601?v=4)](https://github.com/mehdihaddad "mehdihaddad (1 commits)")[![alenon](https://avatars.githubusercontent.com/u/5107130?v=4)](https://github.com/alenon "alenon (1 commits)")[![omar-sedki](https://avatars.githubusercontent.com/u/8490104?v=4)](https://github.com/omar-sedki "omar-sedki (1 commits)")[![blainekasten](https://avatars.githubusercontent.com/u/2916023?v=4)](https://github.com/blainekasten "blainekasten (1 commits)")[![corbanb](https://avatars.githubusercontent.com/u/140186?v=4)](https://github.com/corbanb "corbanb (1 commits)") ### Embed Badge ![Health badge](/badges/chartnew-javascript/health.svg) ``` [![Health](https://phpackages.com/badges/chartnew-javascript/health.svg)](https://phpackages.com/packages/chartnew-javascript) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)