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

node-i2djs

v1.2.0

Published

I2Djs graphics module for Node

Downloads

12

Readme

node-I2djs npm Downloads

What is node-i2djs?

node-i2djs is a server side node module for rendering canvas based 2D graphics. node-i2djs provides a declarative and out of the box virtual Dom interface for easy and efficient rendering. It provides APIs to create and modify graphical content and export it in various media formats like Images/PDFs.. etc. node-i2djs is based on node canvas module.

What does it provide?

node-i2djs declarative approach provides an easy way to define different types of geometrical entities, as supported in SVG. It also enables pixel manipulations, multimedia support, PDF creations.. etc

It provides API's to create, access, modify, and delete graphical entities on canvas. Functionalities such as Data Joins (Join-Actions) help in associating/binding data with graphical elements and their manipulations. The following node-i2djs features helps in achieving efficient and scalable rendering:

  • Declarative Rendering: Simple syntax and semantics by abstracting complex native syntax. Inline with client - I2Djs framework.
  • Virtual DOM tree: node-I2Djs (all contexts) implements a mini Virtual DOM tree, which is a Javascript object representation of the corresponding DOM. Helps in keeping the state intact and enable operations such as update, addition and deletion as per the requirements.
  • Join-Actions(Data Joins): node-i2djs Join-Action mechanism helps in binding the data to the graphical elements by defining the actions - Enter, Update and Exit. It provides flexible handlers to manipulate data and trigger corresponding actions in an optimal way.
  • Multi page PDF / media support: node-i2djs lets u export the content in different media formats. It also provides exclusive apis to create multi page graphical PDFs.

Example

Click on below example to explore node-i2djs