npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

chartnew.js

v3.9.0

Published

Simple HTML5 Charts using the canvas element

Downloads

351

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

fvancopfvancop

Keywords

ChartNew.jsChart.jscanvaschartsHTML5

Readme

ChartNew.js

Simple HTML5 Charts using the canvas element

For my personal use, I had to integrate lot of changes into Chart.js (https://github.com/nnnick/Chart.js).

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

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 (content can be configured through "templates")
  • canvas Border
  • Legend
  • Footnote
  • crossText (you can put a text over the graph at the place of your choice)
  • graphMin / graphMax
  • colorFunctions
  • mathFunctions
  • etc

A quick sample can be found on http://fvancop.github.io/ChartNew.js/

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

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

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.

http://charts.livegap.com/